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表示右键)。
相关推荐
DevUI团队17 小时前
从“即兴创作”到“规格先行”,华为云码道(CodeArts)代码智能体持续深耕企业级规范驱动开发能力
前端·人工智能·后端
weixin_4316004418 小时前
NestJS 入门(3):Guard 如何挡住未登录请求?
前端·后端·学习·nest.js
avi911118 小时前
[AI教做人]AI平台做2项目;一个3D模型展示,另一个框架多人
javascript·人工智能·ai·3d模型·3d引擎·顶点和法线
kyriewen19 小时前
我用Claude Code两天干完了团队两周的排期——周报发出去那一刻我就后悔了
前端·javascript·ai编程
IT_陈寒19 小时前
JavaScript类型转换把我坑惨了,这破玩意真该早点搞明白
前端·人工智能·后端
用户9385156350719 小时前
Type vs Interface:读完这篇就没有面试官能难倒你了
前端·面试·typescript
用户9385156350719 小时前
手写一个 LLM Harness 框架:用工程化手段把大模型幻觉踩在脚下
javascript·人工智能·后端
油丶酸萝卜别吃20 小时前
jquery-ajax.js 说明文档
前端·javascript·jquery
windliang20 小时前
Claude Code 源码分析(九):子 Agent 如何分叉、继续与回到父会话
前端·javascript·面试
柒和远方21 小时前
V063: TS 面试必考:interface 与 type 的四大差异,与 LLM Harness 的自动化择优
前端·javascript