您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年09月11日 02:01

原创 jQuery的事件方法

3145 次浏览 读完需要≈ 23 分钟

内容目录

本文列出了jQuery中几乎所有的事件方法。使用这些方法可以非常简单方便地对文档中的指定元素的对应事件绑定一个或多个事件处理函数。

例如:

  • 为元素的click、focus、change、submit等事件绑定一个或多个处理函数。
  • 手动触发元素的指定事件。
  • 阻止事件触发默认行为,或停止事件在DOM树中的冒泡。
  • 解除指定元素上的事件绑定。
版本说明:如果"版本"列的版本号带有删除线(例如: 1.8),表示从该版本开始,此方法 已过时。如果版本号带有删除线,并且为红色(例如: 1.9),表示从该版本开始,此方法已 被移除

jQuery对象的核心事件方法

核心事件函数,主要用于为元素的任意事件(包括自定义事件)添加取消触发绑定的一个或多个事件处理函数。

方法 版本 描述
bind() 1.0 为元素的任意事件绑定事件处理函数。
one() 1.1 为元素(或后代元素)的任意事件绑定一次性的事件处理函数。
live() 1.3~1.7~1.9 为元素(或后代元素)的任意事件绑定事件处理函数。
delegate() 1.4.2 为元素(或后代元素)的任意事件绑定事件处理函数。
on() 1.7 为元素(或后代元素)的任意事件绑定事件处理函数。
unbind() 1.0 bind()的逆操作,解除元素任意事件绑定的处理函数。
die() 1.3~1.7~1.9 live()的逆操作,解除元素(或后代元素)任意事件绑定的处理函数。
undelegate() 1.4.2 delegate()的逆操作,解除元素(或后代元素)任意事件绑定的处理函数。
off() 1.7 on()的逆操作,解除元素(或后代元素)任意事件绑定的处理函数。
trigger() 1.0 手动触发元素上的任意事件。
triggerHandler() 1.2 手动触发元素上的任意事件,但不会触发元素的默认事件行为,也不支持事件冒泡。

jQuery对象的常规事件方法

常规事件函数,主要用于为元素的指定事件添加触发绑定的一个或多个事件处理函数。

方法 版本 描述
文档加载事件——与文档资源加载相关的事件
load() 1.0~1.8 为load事件绑定处理函数。该事件会在资源加载完成时触发。
ready() 1.0 为ready事件绑定处理函数。该事件会在DOM载入并准备就绪时触发。
error() 1.0~1.8 为error事件绑定处理函数。该事件会在资源加载失败时触发。
unload() 1.0~1.8 为unload事件绑定处理函数。该事件会在用户离开当前页面时触发。
浏览器事件——主要用于浏览器Window对象的事件
resize() 1.0 为resize事件绑定处理函数,或触发该事件。该事件会在浏览器窗口大小被改变时触发。
scroll() 1.2 为scroll事件绑定处理函数,或触发该事件。该事件会在元素滚动(滚动条有变化)时触发。
表单事件——主要用于表单元素的事件
focus() 1.0 为focus事件绑定处理函数,或触发该事件。该事件会在元素获得焦点时触发。
blur() 1.0 为blur事件绑定处理函数,或触发该事件。该事件会在元素失去焦点时触发。
focusin() 1.0 为focusin事件绑定处理函数。该事件会在元素获得焦点时触发。
focusout() 1.0 为focusout事件绑定处理函数。该事件会在元素失去焦点时触发。
change() 1.0 为change事件绑定处理函数,或触发该事件。该事件会在元素的值被更改时触发。
select() 1.0 为select事件绑定处理函数,或触发该事件。该事件会在元素的用户输入被选中时触发。
submit() 1.0 为submit事件绑定处理函数,或触发该事件。该事件会在表单被提交时触发。
键盘事件——与键盘按键操作相关的事件
keydown() 1.0 为keydown事件绑定处理函数,或触发该事件。该事件会在键盘按键被按下时触发。
keypress() 1.0 为keypress事件绑定处理函数,或触发该事件。该事件会在键盘按键被按下时触发。
keyup() 1.0 为keyup事件绑定处理函数,或触发该事件。该事件会在键盘按键被按下并释放时触发。
鼠标事件——与鼠标按键操作相关的事件
click() 1.0 为click事件绑定处理函数,或触发该事件。该事件会在点击鼠标按钮时触发。
dblclick() 1.0 为dblclick事件绑定处理函数,或触发该事件。该事件会在双击鼠标按钮时触发。
toggle() 1.0~1.8~1.9 为click事件绑定两个以上的处理函数,每次触发事件时将轮流切换执行其中的单个函数。
hover() 1.0 为hover事件绑定处理函数。该事件会在鼠标进入或离开元素时触发。
mouseenter() 1.0 为mouseenter事件绑定处理函数。该事件会在鼠标进入元素时触发。
mouseleave() 1.0 为mouseleave事件绑定处理函数。该事件会在鼠标离开元素时触发。
mouseover() 1.0 为mouseover事件绑定处理函数。该事件会在鼠标进入元素时触发。
mouseout() 1.0 为mouseout事件绑定处理函数。该事件会在鼠标离开元素时触发。
mousedown() 1.0 为mousedown事件绑定处理函数。该事件会在鼠标按钮被按下时触发。
mouseup() 1.0 为mouseup事件绑定处理函数。该事件会在鼠标按钮被按下并释放时触发。

jQuery 事件对象的属性和方法

请直接参考jQuery Event对象的属性和方法

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单