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表示右键)。
相关推荐
平头哥~2 小时前
Day 07 _ 那条 1px 的线,为什么在手机上忽粗忽细
前端·css·样式·学习资料
小江的记录本3 小时前
【CSS】CSS 动画:transition、animation、transform、CSS3 新特性(附《思维导图》)
前端·css·安全·spring·前端框架·css3·动画
circuitsosk3 小时前
任务规划器的三种范式对比:ReAct、Plan-and-Execute 与 Tree-of-Thought 在真实业务中的取舍
前端·javascript·python·react.js·llm·ai agent
hzxpaipai4 小时前
企业官网技术架构拆解:前端、后台、数据库、服务器如何协同
前端·数据库·架构
小磊哥er4 小时前
深入解构Claude Code - 第 12 篇 · 整体串起来
javascript·ai编程
小磊哥er4 小时前
深入解构Claude Code - 第 11 篇 · 工程上的讲究
javascript·ai编程
深念Y6 小时前
Lenovo XiaoXinAir 14 — 性能模式切换
前端·网络
计算机魔术师6 小时前
Meta突然杀进第一梯队:一个新模型,把AI推理成本打下来8倍
前端
IT_陈寒7 小时前
Redis缓存雪崩把我坑惨了,这次长记性了
前端·人工智能·后端