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表示右键)。
相关推荐
子兮曰4 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰4 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万4 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝4 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
三十而立洋4 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁4 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄4 天前
JavaScript 隐式全局变量解析
javascript
汉堡大王95274 天前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端
梦想很大很大4 天前
从运行事实到回归证据:Workrun 的 Telemetry 与 Evaluation 实践
前端·人工智能·后端
计算机魔术师4 天前
Meta Muse agent 接入 Shopify 的 Shop Pay 实现代理式购物
前端