亚博全站| jquery的事件监听、

浏览: 133次 来源:网络整理 作者:佚名

2021-03-10 10:05:22

事件窃听

jquery提供了4种风波窃听的形式on()、bind()、live()、delegate()。下面我们简单说一下这四种方式的区别。

live():jQuery1.7以后弃用

bind(): 动态添加的元素未能使用该方式绑定风波

delegate():可以处理未生成的元素亚博APP安全有保障 ,jQuery1.7以后被on()取代

on(): jQuery1.7以后引入四川快乐12 ,支持风波绑定的全部功能(bind()+delegate())。

on()的用法:.on( events [, selector ] [, data ][, handler])

事件绑定、事件委托

事件绑定(直接绑定):

如果on()方法的selector 参数为空四川快乐12 ,事件处理程序就被称为直接绑定。

每当在被绑定元素上(如下例中被绑定的document元素)发生风波时亚博APP安全有保障 ,无论这个风波发生在这个元素上还是从外层元素经冒泡而至爱游戏,该处理程序就会被调用。

$(document).on("click",function(e){

console.log(e.target.tagName + " is clicked")

jquery绑定自定义事件_jquery 绑定click事件_jquery绑定自定义事件

})

事件委托(事件代理):

如果on()方法的selector参数不为空jquery绑定自定义事件,事件处理程序就被称为委托。

当风波直接发生在被绑定的元素上(如下例中绑定到document上)时jquery绑定自定义事件四川快乐12四川快乐12四川快乐12 ,该程序不会被调用,而只有当风波发生在与选择器匹配的内部元素上(如下例中click风波发生在button上)时,才会调用该程序。

$(document).on("click","button",function(e){

console.log(e.target.tagName + " is clicked")

})

JS 事件绑定、事件窃听、事件委托详尽介绍js中的风波委托或是风波代理解读 - 凌云之翼 - 博客园

版权声明:本文系亚博APP-亚博APP手机版独家稿件,未经授权,不得转载。