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事件

原文地址:https://www.cnblogs.com/jc2182/p/11456851.html

时间: 2024-10-10 09:10:14

jQuery 的58种事件方法你都用过了吗的相关文章

jQuery的4种事件绑定方法

jQuery中提供了四种绑定事件的方法,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off: 一.on()方法(首选方法) on() 方法在被选元素及子元素上添加一个或多个事件处理程序. 自 jQuery 版本 1.7 起,on() 方法是 bind().live() 和 delegate() 方法的新的替代品.该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库. 参数: event:必需

jQuery中两种$.each方法拾遗

一.在$.each(array, callback)方法中,参数为function(){},一个回调方法,有3种参数形式:function () { ... }function(index) { ... }function (index, item) { ... } index是指array中每一项的顺序索引,从0开始计数.item是array中的每一项.如果未指定item,也是可以使用项的,在callback内部使用this可以获取到item.这是和js的特性有关的,这里的this其实是相关的

python多线程有几种实现方法

python多线程有几种实现方法,都是什么? 目前python 提供了几种多线程实现方式 thread,threading,multithreading ,其中thread模块比较底层,而threading模块是对thread做了一些包装,可以更加方便的被使用.2.7版本之前python对线程的支持还不够完善,不能利用多核CPU,但是2.7版本的python中已经考虑改进这点,出现了multithreading  模块.threading模块里面主要是对一些线程的操作对象化,创建Thread的c

jQuery的三种bind/One/Live/On事件绑定使用方法

本篇文章介绍了,关于jQuery新的事件绑定机制on()的使用技巧.需要的朋友参考下 今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定.因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法. on(eve

解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法

解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法,如下: 为了达到更好的演示效果,假设在某个页面的body下有以下结构的代码: ? 1 2 3 4 5 6 7 8 9 10 11 <p id="pLabel">新加一条</p> <ul id="ulLabel">  <li class="liLabel">aaa1</li>  <li class="li

【JQuery】jQuery(document).ready(function($) { });的几种表示方法及load和ready的区别

jQuery中处理加载时机的几种方式 第一种: jQuery(document).ready(function() { alert("你好"); }); //或 $(document).ready(function() { alert("你好"); }); 第二种: jQuery(function() { alert("你好"); }); //或 $(function() { alert("你好"); }); 第三种: (fu

jQuery和Prototype的兼容性和冲突的五种解决方法

第一种情况:先加载Prototype,再加载jQuery方法一:jQuery 库和它的所有插件都是在jQuery名字空间内的,包括全局变量也是保存在jQuery 名字空间内的. 使用jQuery.noConflict();主要作用是在任何时候,只要在jQuery加载后就可以调用,将$符号的使用权返回给其它的js库,jQuery在创建它自己的名字空间时就将其它库的$保存在自己的一个变量当中. [html] view plain copy print? <html> <head> &l

jQuery三种事件绑定方式.bind(),.live(),.delegate()

.bind(), .live(), 和 .delegate()之间的区别并不明显.但是理解它们的不同之处有助于写出更简洁的代码,并防止我们的交互程序中出现没有预料到的bug. 基础 DOM树 首先,图形化的HTML文档能帮助我们更好的理解.一个简单的HTML页面看起来应该像这样 事件冒泡(也称作事件传递)(Event bubbling aka event propagation) 点击一个链接,触发绑定在链接元素上的 click 事件,进而触发绑定到这个元素的click事件的函数. 1 $('a

magento jQuery冲突N种方法

在做修改模板的时候在page中加入jquery库发现原本自带的js冲突 商品无法加入购物车,很多js都没有效果 这是jQuery和magento自带prototype的冲突解决版本有很多种,说个简单点的在jquery库文件最后加上一句 //例如: jquery.1.7.1.min.js文件 1 jQuery.noConflict(); 搞定![注意,这个问题只有1.7.1+版本库才能生效,1.4.4版本无效,更低版本没有测试] Magento的发布版本里的JS大多是用Prototype写的,如果