jQuery 的58种事件方法你都用过了吗

jQuery 事件方法

事件方法触发或将函数附加到所选元素的事件处理程序。

下表列出了用于处理事件的所有jQuery方法。

方法 描述
bind() 在3.0版中已弃用。 请改用on()方法。将事件处理程序附加到元素
blur() 附加/触发模糊事件
change() 附加/触发更改事件
click() 附加/触发单击click事件
dblclick() 附加/触发双击事件
delegate() 在3.0版中已弃用。请改用on()方法。将处理程序附加到匹配元素的当前或将来指定的子元素
die() 在1.9版中删除。删除使用live()方法添加的所有事件处理程序
error() 在3.0版中删除。附加/触发错误事件
event.currentTarget 事件冒泡阶段中的当前DOM元素
event.data 包含绑定当前执行处理程序时传递给事件方法的可选数据
event.delegateTarget 返回附加当前调用的jQuery事件处理程序的元素
event.isDefaultPrevented() 返回是否为事件对象调用了event.preventDefault()
event.isImmediatePropagationStopped() 返回是否为事件对象调用了event.stopImmediatePropagation()
event.isPropagationStopped() 返回是否为事件对象调用了event.stopPropagation()
event.namespace 返回触发事件时指定的命名空间
event.pageX 返回相对于文档左边缘的鼠标位置
event.pageY 返回相对于文档上边缘的鼠标位置
event.preventDefault() 阻止事件的默认操作
event.relatedTarget 返回鼠标移动时输入或退出的元素
event.result 包含由指定事件触发的事件处理程序返回的最后/上一个值
event.stopImmediatePropagation() 阻止调用其他事件处理程序
event.stopPropagation() 防止事件冒泡DOM树,防止任何父处理程序被通知事件
event.target 返回哪个DOM元素触发了该事件
event.timeStamp 返回自1970年1月1日触发事件以来的毫秒数
event.type 返回触发的事件类型
event.which 返回为事件按下的键盘键或鼠标按钮
event.metakey 返回为事件触发时那个 META 键是否被按下
focus() 附加/触发焦点事件
focusin() 将事件处理程序附加到focusin事件
focusout() 将事件处理程序附加到focusout事件
hover() 将两个事件处理程序附加到悬停事件
keydown() 附加/触发keydown事件
keypress() 附加/触发按键事件
keyup() 附加/触发keyup事件
live() 在1.9版中删除。将一个或多个事件处理程序添加到当前或将来的选定元素
load() 在3.0版中删除。将事件处理程序附加到load事件
mousedown() 附加/触发mousedown事件
mouseenter() 附加/触发mouseenter事件
mouseleave() 附加/触发mouseleave事件
mousemove() 附加/触发mousemove事件
mouseout() 附加/触发mouseout事件
mouseover() 附加/触发鼠标悬停事件
mouseup() 附加/触发mouseup事件
off() 删除使用on()方法附加的事件处理程序
on() 将事件处理程序附加到元素
one() 向选定元素添加一个或多个事件处理程序。此处理程序每个元素只能触发一次
$.proxy() 获取现有函数并返回具有特定上下文的新函数
ready() 指定DOM完全加载时要执行的函数
resize() 附加/触发resize事件
scroll() 附加/触发滚动事件
select() 附加/触发选择事件
submit() 附加/触发提交事件
toggle() 在1.9版中删除。附加两个或多个函数以在click事件之间切换
trigger() 触发绑定到所选元素的所有事件
triggerHandler() 触发绑定到所选元素的指定事件的所有函数
unbind() 在3.0版中已弃用。请改用off()方法。从所选元素中删除添加的事件处理程序
undelegate() 在3.0版中已弃用。请改用off()方法。现在或将来删除所选元素的事件处理程序
unload() 在3.0版中已弃用。将事件处理程序附加到unload事件
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,881评论 1 11
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,247评论 0 2
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,216评论 0 8
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,887评论 0 3
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,918评论 0 1

友情链接更多精彩内容