jQuery 事件参考
jQuery 事件方法
下面是可以在事件对象上调用的一些 jQuery方法 的列表:
| 方法 | 描述 |
|---|---|
| preventDefault() | 阻止浏览器执行默认操作。 |
| isDefaultPrevented() | 返回事件对象上是否曾调用过event.preventDefault()。 |
| stopPropagation() | 停止事件冒泡到父元素,阻止任何父处理程序接收该事件。 |
| isPropagationStopped() | 返回事件对象上是否曾调用过event.stopPropagation()。 |
| stopImmediatePropagation() | 停止执行其他处理程序。 |
| isImmediatePropagationStopped() | 返回事件对象上是否曾调用过event.stopImmediatePropagation()。 |
事件操作方法
以下表列出了重要的事件相关方法−
| 方法 | 描述 |
|---|---|
| bind() | 将一个处理器绑定到一个或多个事件(例如click)的每个匹配元素。也可以绑定自定义事件。 |
| off() | 这与live相反,它删除了一个绑定的live事件。 |
| hover( ) | 模拟悬停,例如在一个对象上移动鼠标。 |
| on() | 将一个处理器绑定到一个事件(例如click)的所有当前和未来匹配元素。也可以绑定自定义事件。 |
| one() ) | 将一个处理器绑定到一个或多个事件,每个匹配元素只执行一次。 |
| ready() | 将一个函数绑定到DOM准备好遍历和操作时执行。 |
| trigger() | 在每个匹配元素上触发一个事件。 |
| triggerHandler( ) | 触发元素上的所有绑定事件处理程序。 |
| unbind() | 这与bind相反,它从每个匹配元素中删除绑定的事件。 |
事件助手方法
jQuery还提供了一组事件助手函数,用于触发事件或绑定上述任何事件类型。
触发方法
以下是一个示例,将触发所有段落的模糊事件 –
$("p").blur();
绑定方法
下面是一个示例,它会绑定一个 click 事件在所有的<div>上 –
$("div").click( function () {
// do something here
});
这是一个完整的所有 jQuery支持的方法列表 -
| 方法 | 描述 |
|---|---|
| blur() | 触发或绑定每个匹配元素的blur事件。 |
| change() | 触发或绑定每个匹配元素的change事件。 |
| click() | 触发或绑定每个匹配元素的click事件。 |
| dblclick() | 触发或绑定每个匹配元素的dblclick事件。 |
| error() | 触发或绑定每个匹配元素的error事件。 |
| focus( ) | 触发或绑定每个匹配元素的焦点事件。 |
| keydown( ) | 触发或绑定每个匹配元素的按键按下事件。 |
| keypress() | 触发或绑定每个匹配元素的按键按下事件。 |
| keyup() | 触发或绑定每个匹配元素的按键抬起事件。 |
| load() | 将函数绑定到每个匹配元素的加载事件。 |
| mousedown() | 将函数绑定到每个匹配元素的鼠标按下事件。 |
| mouseenter() | 将函数绑定到每个匹配元素的mouseenter事件上。 |
| mouseleave() | 将函数绑定到每个匹配元素的mouseleave事件上。 |
| mousemove() | 将函数绑定到每个匹配元素的mousemove事件上。 |
| mouseout() | 将函数绑定到每个匹配元素的mouseout事件上。 |
| mouseover( ) | 将函数绑定到每个匹配元素的mouseover事件上。 |
| mouseup( ) | 将函数绑定到每个匹配元素的mouseup事件上。 |
| resize() | 将一个函数绑定到每个匹配元素的resize事件上。 |
| scroll() | 将一个函数绑定到每个匹配元素的scroll事件上。 |
| select() | 触发或绑定每个匹配元素的select事件。 |
| submit() | 触发或绑定每个匹配元素的submit事件。 |
| unload() | 将一个函数绑定到每个匹配元素的unload事件上。 |
事件属性
下面的事件属性/属性在平台无关的方式下可用且安全访问。
| 属性 | 描述 |
|---|---|
| altKey | 如果事件被触发时按下了Alt键,则设置为true,否则为false。在大多数Mac键盘上,Alt键标记为Option键。 |
| ctrlKey | 如果事件被触发时按下了Ctrl键,则设置为true,否则为false。 |
| data | 当处理程序被建立时,作为bind()命令的第二个参数传递的值(如果有的话)。 |
| keyCode | 对于keyup和keydown事件,返回被按下的键。 |
| metaKey | 如果事件被触发时按下了Meta键,则设置为true,否则为false。在PC上,Meta键是Ctrl键;在Mac上,Meta键是Command键。 |
| pageX | 对于鼠标事件,指定事件相对于页面原点的水平坐标。 |
| pageY | 对于鼠标事件,指定事件相对于页面原点的垂直坐标。 |
| relatedTarget | 对于某些鼠标事件,指示光标在触发事件时离开或进入的元素。 |
| screenX | 对于鼠标事件,指定事件相对于屏幕原点的水平坐标。 |
| screenY | 对于鼠标事件,指定事件相对于屏幕原点的垂直坐标。 |
| shiftKey | 如果事件被触发时按下了Shift键,则设置为true,否则为false。 |
| target | 标识触发事件的元素。 |
| timeStamp | 创建事件时的时间戳(以毫秒为单位)。 |
| type | 对于所有事件,指定触发的事件类型(例如,click)。 |
| which | 对于键盘事件,指定引起事件的键的数字代码;对于鼠标事件,指定按下了哪个按钮(1表示左键,2表示中键,3表示右键)。 |
极客教程