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表示右键)。
相关推荐
WeiXiao_Hyy31 分钟前
成为 Top 1% 的工程师
java·开发语言·javascript·经验分享·后端
吃杠碰小鸡1 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone1 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_09011 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农1 小时前
Vue 2.3
前端·javascript·vue.js
夜郎king2 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
辰风沐阳2 小时前
JavaScript 的宏任务和微任务
javascript
夏幻灵3 小时前
HTML5里最常用的十大标签
前端·html·html5
冰暮流星3 小时前
javascript之二重循环练习
开发语言·javascript·数据库
Mr Xu_3 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js