- jQuery 教程
- jQuery - 首页
- jQuery - 路线图
- jQuery - 概述
- jQuery - 基础
- jQuery - 语法
- jQuery - 选择器
- jQuery - 事件
- jQuery - 属性
- jQuery - AJAX
- jQuery DOM 操作
- jQuery - DOM
- jQuery - 添加元素
- jQuery - 删除元素
- jQuery - 替换元素
- jQuery CSS 操作
- jQuery - CSS 类
- jQuery - 尺寸
- jQuery - CSS 属性
- jQuery 效果
- jQuery - 效果
- jQuery - 动画
- jQuery - 链式操作
- jQuery - 回调函数
- jQuery 遍历
- jQuery - 遍历
- jQuery - 遍历祖先节点
- jQuery - 遍历子孙节点
- jQuery UI
- jQuery - 交互
- jQuery - 小部件
- jQuery - 主题
- jQuery 参考
- jQuery - 选择器
- jQuery - 事件
- jQuery - 效果
- jQuery - HTML/CSS
- jQuery - 遍历
- jQuery - 其他
- jQuery - 属性
- jQuery - 工具函数
- jQuery 插件
- jQuery - 插件
- jQuery - PagePiling.js
- jQuery - Flickerplate.js
- jQuery - Multiscroll.js
- jQuery - Slidebar.js
- jQuery - Rowgrid.js
- jQuery - Alertify.js
- jQuery - Progressbar.js
- jQuery - Slideshow.js
- jQuery - Drawsvg.js
- jQuery - Tagsort.js
- jQuery - LogosDistort.js
- jQuery - Filer.js
- jQuery - Whatsnearby.js
- jQuery - Checkout.js
- jQuery - Blockrain.js
- jQuery - Producttour.js
- jQuery - Megadropdown.js
- jQuery - Weather.js
- jQuery 有用资源
- jQuery - 问答
- jQuery - 快速指南
- jQuery - 有用资源
- jQuery - 讨论
jQuery - 事件参考
jQuery **事件**是在 DOM(文档对象模型)中发生的事件,可以被检测到并用于触发 JavaScript 函数。
jQuery 通过提供方法来将事件处理程序附加到元素并触发事件来简化事件处理。单击按钮、悬停在元素上、提交表单或调整窗口大小都是 jQuery 中常见事件的示例。
jQuery 事件方法
在下表中,我们列出了所有用于处理事件的 jQuery 方法:
序号 | 方法及描述 |
---|---|
1 | bind()
为选定元素的一个或多个事件附加事件处理程序函数。 |
2 | blur()
将函数绑定到每个匹配元素的 blur 事件。 |
3 | change()
将函数绑定到每个匹配元素的 change 事件。 |
4 | click()
将函数绑定到每个匹配元素的 click 事件。 |
5 | dblclick()
将函数绑定到每个匹配元素的 dblclick 事件。 |
6 | delegate()
基于一组特定的根元素,为现在或将来匹配选择器的所有元素附加一个或多个事件的处理程序。 |
7 | error()
将函数绑定到每个匹配元素的 error 事件。 |
8 | focus()
将函数绑定到每个匹配元素的 focus 事件。 |
9 | focusin()
将函数绑定到每个匹配元素的 focusin 事件。 |
10 | focusout()
将函数绑定到每个匹配元素的 focusout 事件。 |
11 | hover()
将一个或两个处理程序绑定到匹配的元素,当鼠标指针进入和离开元素时执行。 |
12 | isDefaultPrevented()
确定事件的默认操作是否已被阻止。 |
13 | isImmediatePropagationStopped()
确定事件的立即传播是否已被阻止。 |
14 | isPropagationStopped()
确定事件的传播是否已被阻止。 |
15 | keydown()
将函数绑定到每个匹配元素的 keydown 事件。 |
16 | keypress()
将函数绑定到每个匹配元素的 keypress 事件。 |
17 | keyup()
将函数绑定到每个匹配元素的 keyup 事件。 |
18 | live()
为选定元素的一个或多个事件附加事件处理程序函数。 |
19 | mousedown()
将函数绑定到每个匹配元素的 mousedown 事件。 |
20 | mouseenter()
将函数绑定到每个匹配元素的 mouseenter 事件。 |
21 | mouseleave()
将函数绑定到每个匹配元素的 mouseleave 事件。 |
22 | mousemove()
将函数绑定到每个匹配元素的 mousemove 事件。 |
23 | mouseout()
将函数绑定到每个匹配元素的 mouseout 事件。 |
24 | mouseover()
将函数绑定到每个匹配元素的 mouseover 事件。 |
25 | mouseup()
将函数绑定到每个匹配元素的 mouseup 事件。 |
26 | off()
移除事件处理程序。 |
27 | on()
为选定元素的一个或多个事件附加事件处理程序函数。 |
28 | one()
为元素附加事件处理程序。每个元素最多执行一次处理程序。 |
29 | preventDefault()
阻止触发事件的默认操作。 |
30 | $.proxy()
获取现有函数并返回一个具有特定上下文的新函数。 |
31 | ready()
指定在 DOM 完全加载后执行的函数。 |
32 | resize()
将函数绑定到每个匹配元素的 resize 事件。 |
33 | scroll()
将函数绑定到每个匹配元素的 scroll 事件。 |
34 | select()
将函数绑定到每个匹配元素的 select 事件。 |
35 | stopImmediatePropagation()
立即停止执行其他处理程序。 |
36 | stopPropagation()
阻止事件冒泡到 DOM 树,防止父元素收到事件通知。 |
37 | submit()
将函数绑定到每个匹配元素的 submit 事件。 |
38 | toggle()
根据匹配元素的可见性显示或隐藏它们。 |
39 | trigger()
为给定事件类型执行附加到匹配元素的所有处理程序和行为。 |
40 | triggerHandler()
执行附加到元素的事件的所有处理程序。 |
41 | undelegate()
基于一组特定的根元素,从所有匹配当前选择器的元素的事件中移除处理程序。 |
42 | unbind()
从元素中移除先前附加的事件处理程序。 |
事件属性
以下事件属性/特性可用,并可在平台无关的方式下安全访问:
序号 | 方法及描述 |
---|---|
1 | currentTarget
在事件冒泡阶段标识当前元素。 |
2 | data
在建立处理程序时,作为第二个参数传递给 bind() 命令的值(如果有)。 |
3 | delegateTarget
标识最初附加事件处理程序的元素。 |
4 | namespace
指定触发事件时指定的命名空间。 |
5 | pageX
对于鼠标事件,指定事件相对于文档的水平坐标。 |
6 | pageY
对于鼠标事件,指定事件相对于文档的垂直坐标。 |
7 | relatedTarget
对于鼠标事件,标识事件中涉及的另一个元素(例如,当鼠标进入或离开元素时)。 |
8 | result
对于特定事件,保存操作的结果(例如,对于拖放事件)。 |
9 | target
标识触发事件的元素。 |
10 | timeStamp
触发事件的时间(以毫秒为单位)。 |
11 | type
指定已触发的事件类型(例如,click、hover)。 |
12 | which
对于键盘事件,指定触发事件的键的键码。对于鼠标事件,指定按下哪个按钮(1 表示左键,2 表示中间键,3 表示右键)。 |