jQuery中的事件

阅读更多

只有页面加载显然是不够的，程序在其他的时候也需要完成某个任务。

比如鼠标单击（onclick）事件，敲击键盘（onkeypress）事件以及失去焦点（onblur）事件等。

在不同的浏览器中事件名称是不同的，例如在IE中的事件名称大部分都含有on，如onkeypress()事件，但是在火狐浏览器却没有这个事件名称。

jQuery帮助我们统一了所有事件的名称。jQuery中的事件如下表所示。

方法	说明
blur()	触发元素的blur事件
blur(fn)	在每一个匹配元素的blur事件中绑定一个处理函数，在元素失去焦点时触发，既可以是鼠标行为也可以是使用Tab键离开的行为
change()	触发元素的change事件
change(fn)	在每一个匹配元素的change事件中绑定一个处理函数，在元素的值改变并失去焦点时触发
chick()	触发元素的chick事件
click(fn)	在每一个匹配元素的click事件中绑定一个处理函数，在元素上单击时触发
dblclick()	触发元素的dblclick事件
dblclick(fn)	在每一个匹配元素的dblclick事件中绑定一个处理函数，在某个元素上双击触发
error()	触发元素的error事件
error(fn)	在每一个匹配元素的error事件中绑定一个处理函数，当JavaSprict发生错误时，会触发error()事件
focus()	触发元素的focus事件
focus(fn)	在每一个匹配元素的focus事件中绑定一个处理函数，当匹配的元素获得焦点时触，通过鼠标点击或者Tab键触发
keydown()	触发元素的keydown事件
keydown(fn)	在每一个匹配元素的keydown事件中绑定一个处理函数，当键盘按下时触发
keyup()	触发元素的keyup 事件
keyup(fn)	在每一个匹配元素的keyup事件中绑定一个处理函数，会在按键释放时触发
keypress()	触发元素的keypress事件
keypress(fn)	在每一个匹配元素的keypress事件中绑定一个处理函数，敲击按键时触发（即按下并抬起同一个按键）
load(fn)	在每一个匹配元素的load事件中绑定一个处理函数，匹配的元素内容完全加载完毕后触发
mousedown(fn)	在每一个匹配元素的mousedown事件中绑定一个处理函数，鼠标在元素上点击后触发
mousemove(fn)	在每一个匹配元素的mousemove事件中绑定一个处理函数，鼠标在元素上移动时触发
mouseout(fn)	在每一个匹配元素的mouseout事件中绑定一个处理函数，鼠标从元素上离开时触发
mouseover(fn)	在每一个匹配元素的mouseover事件中绑定一个处理函数，鼠标移入对象时触发
mouseup(fn)	在每一个匹配元素的mouseup事件中绑定一个处理函数，鼠标点击对象释放时
resize(fn)	在每一个匹配元素的resize事件中绑定一个处理函数，当文档窗口改变大小时触发
scroll(fn)	在每一个匹配元素的scroll事件中绑定一个处理函数，当滚动条发生变化时触发
select()	触发元素的select()事件
select(fn)	在每一个匹配元素的select事件中绑定一个处理函数，当用户在文本框（包括input和textarea）选中某段文本时触发
submit()	触发元素的submit事件
submit(fn)	在每一个匹配元素的submit事件中绑定一个处理函数，表单提交时触发
unload(fn)	在每一个匹配元素的unload事件中绑定一个处理函数，在元素卸载时触发该事件

这些都是对应的jQuery事件，和传统的JavaScript中的事件几乎相同，只是名称不同。方法中的fn参数，表示一个函数，事件处理程序就写在这个函数中。