jquery事件操作
原文是网站制作学习网的FoAｓＰ.cn
jquery第十六课,jquery对象绑定事件,事件处理,事件委派,以及事件的切换
参考共用代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>jquery事件操作</TITLE>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<style>
.www {height:100px;background-Color:#ff0;}
</style>
<SCRIPT language="javascript">
$(function(){
<!--jquery文档处理代码区-->
});
</SCRIPT>
<BODY>
<div id="1" class="www">jquery</div>
<input type="text" id="2">事件
<input type="text" id="3">处理
</BODY>
</HTML>
5.事件处理以及事件的监控
(1).blur();触发所有的匹配元素的blur事件。
$("input").blur(); 即触发了所有的input元素的blur事件
(2).blur(fn);绑定对象blur事件,触发fn()函数.
$("#2").blur(function(){alert($(this).val());});效果,当id=2的元素失去焦点,或者tab失去焦点时弹出该元素的value值
(3).change(); 触发每个匹配元素的change事件
$("input").change();即触发了所有input的change事件.
(4).change(fn); 绑定对象的change事件,当元素发生change事件时调用function函数
类似与以上的事件处理监控函数还有以下几个.不再详细解释.
单击事件:.click(),.click(fn);
双击事件:.dblclick(),dblclick(fn);
error事件:.error(),error(fn);可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。error事件通常可以在元素由于点击或者tab导航失去焦点时触发。
获取焦点事件:.focus(),.focus(fn); 注意有的对象不支持focus事件;.focusin(fn)获得焦点的时候会触发这个事件;.focusout(fn)任何一个元素失去焦点的时候会触发这个事件.
按下键盘事件:.keydown()这个函数会调用执行绑定到keydown事件的所有函数，包括浏览器的默认行为,.keydown(fn);keydown事件会在键盘按下时触发;.keypress()和.keypress(fn)一样,但是有过程上的区别.<网站制作学习网>
按键弹起:.keyup(),.keyup(fn);keyup事件会在按键释放时触发
加载事件:.load(fn); 比如一个图片的加载时调用fn函数.
选中事件:.select(),这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。.select(fn);在每一个匹配元素的select事件中绑定的处理函数
触发事件:.submit(),触发每一个匹配元素的submit事件;.submit(fn);submit事件将会在表单提交时触发
还有独立的监控事件
.mousemove(fn);mousemove 事件通过鼠标在元素上移动来触发
.mouseover(fn);mouseover事件会在鼠标移入对象时触发
.mouseout(fn);mouseout事件在鼠标从元素上离开后会触发
.mousedown(fn);mousedown事件在鼠标在元素上点击后会触发
.mouseup(fn);mouseup事件会在鼠标点击对象释放时
.resize(fn);当文档窗口改变大小时触发
.scroll(fn);当滚动条发生变化时触发
.unload(fn);在每一个匹配元素的unload事件中绑定的处理函数
所有的jquery事件处理,时间监控就完毕了.
原载于:文章来源：www.forasp.cn网站制作学习