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表示右键)。
相关推荐
蜡台36 分钟前
Node 安装 awesome-qr 失败解决
javascript·vue·qrcode·awesome-qr
格子软件1 小时前
2026年GEO优化系统源码级状态机与多模型调度拆解
java·前端·vue.js·人工智能·vue·geo
HUMHSX2 小时前
Vue 项目启动全流程解析:从入口文件到全局指令注册与页面渲染
前端·javascript·vue.js
有颜有货2 小时前
PMC生产排产的4种算法,一次讲清
java·服务器·前端
小虎牙0072 小时前
Android kotlin图片库Coil源码详解
android·前端
随风一样自由2 小时前
【前端领域】前端开发核心应用场景与落地实践
前端·前端框架
an317423 小时前
弹窗数据流设计的两种高阶架构实践
前端·vue.js·架构
谢尔登3 小时前
【React】 状态管理方案
前端·react.js·前端框架
用户938515635073 小时前
手把手教你实现一个 MCP 文件读取服务器:从协议到代码的深度解析
javascript·人工智能
用户2136610035723 小时前
Vue商品详情与放大镜组件
前端·javascript