jQuery事件

一、简单事件

简单事件绑定方法

方法名	触发条件	描述
click(fn)	鼠标	触发每一个匹配元素的click(单击)事件
dblclick(fn)	鼠标	触发每一个匹配元素的dblclick(双击)事件
mousedown(fn)	鼠标	触发每一个匹配元素的mousedown(单击后)事件
mouseup(fn)	鼠标	触发每一个匹配元素的mouseup(单击弹起)事件
mouseover(fn)	鼠标	触发每一个匹配元素的mouseover(鼠标移入)事件
mouseout(fn)	鼠标	触发每一个匹配元素的mouseout(鼠标移出)事件
mousemove(fn)	鼠标	触发每一个匹配元素的mousemove(鼠标移动)事件
mouseenter(fn)	鼠标	触发每一个匹配元素的mouseenter(鼠标穿过)事件
mouseleave(fn)	鼠标	触发每一个匹配元素的mouseleave(鼠标穿出)事件
keydown(fn)	键盘	触发每一个匹配元素的keydown(键盘按下)事件
keyup(fn)	键盘	触发每一个匹配元素的keyup(键盘按下弹起)事件
keypress(fn)	键盘	触发每一个匹配元素的keypress(键盘按下)事件
unload(fn)	文档	当卸载本页面时绑定一个要执行的方法
resize(fn)	文档	触发每一个匹配元素的resize(文档改变大小)事件
scroll(fn)	文档	触发每一个匹配元素的scroll(滚动条拖动)事件
focus(fn)	表单	触发每一个匹配元素的focus(焦点激活)事件
blur(fn)	表单	触发每一个匹配元素的blur(焦点丢失)事件
focusin(fn)	表单	触发每一个匹配元素的focusin(焦点激活)事件
focusout(fn)	表单	触发每一个匹配元素的focusout(焦点丢失)事件
select(fn)	表单	触发每一个匹配元素的select(文本选定)事件
change(fn)	表单	触发每一个匹配元素的change(值改变)事件
submit(fn)	表单	触发每一个匹配元素的submit(表单提交)事件

二、复合事件

复合事件

方法名	描述
ready(fn)	当DOM加载完毕触发事件
hover([fn1,]fn2)	当鼠标移入触发fn1，移出触发fn2
toggle(fn1,fn2[,fn3..])	当鼠标单击触发fn1，再单击触发fn2

三、事件对象的属性

事件对象的属性

属性名称	描述
type	事件类型，如果使用一个事件处理方法来处理多个事件，可以使用此属性获得事件类型
target	获取事件触发者DOM对象
data	事件调用时传入额外参数
relatedTarget	对于鼠标事件，标示触发事件时离开或者进入的DOM元素
currentTarget	冒泡前的当前触发事件的DOM对象，等同于this
pageX/Y	鼠标事件中，事件相对于页面原点的水平/垂直坐标
result	上一个事件处理方法返回的值
timeStamp	事件发生时的时间戳
altKey	Alt键是否被按下，如果按下则返回true
ctrlKey	Ctrl键是否被按下，如果按下则返回true
metaKey	Meta键是否被按下，如果按下则返回true Meta键就是PC机器的ctrl键，或者Mac机器的Command键
shiftKey	Shift键是否被按下，如果按下则返回true
keyCode	对于keyup和keydown事件返回被按下的键，不区分大小写，列如a和A都返回65 对于keypress事件请使用which属性，因为which属性跨浏览器时依然可靠
which	对于键盘事件，返回触发事件的键的数字编码。 对于鼠标事件，返回鼠标按键号（1左键，2中键，3右键）
screenX/Y	对于鼠标事件，获取事件相对于屏幕原点的水平/垂直坐标

四、事件对象的方法

事件对象所拥有的方法

方法名称	说明
preventDefault()	取消可能引起任何语意的事件，比如<a>标签元素的href链接加载，表单提交以及click引起复选框的状态转换
isDefaultPrevented()	是否调用过preventDefault()方法
stopPropagation()	取消事件冒泡
isPropagationStopped()	是否调用过stopPropagation()方法
stopImmediatePropagation()	取消执行其他的事件处理方法并取消事件冒泡。如果同一个事件绑定了多个事件处理方法，在其中一个事件处理方法中调用此方法后，将不会继续调用其他事件处理方法
isImmediatePropagationStopped()	是否调用过stopImmediatePropagation()方法