jQuery事件委派与移除

最新推荐文章于 2022-11-13 16:56:45 发布

weixin_33733810

最新推荐文章于 2022-11-13 16:56:45 发布

阅读量348

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/kenshiro/blog/161139

版权

2019独角兽企业重金招聘Python工程师标准>>>

使用传统的bind()或者on()可以给指定元素绑定事件.但是如果这个元素是后来添加进来的,那么这个绑定的事件变无效了

这个时候,我们可以用jQuery提供的live()和delegate()来进行事件委派,这样即便是新加入的元素也可以正常处理绑定的事件

例如为class为cellTd的元素绑定一个click事件,而且让后来添加进来class为cellTd的元素也具有该事件.可以使用如下2种方式实现

$(".cellTd").live("click", function(){})  //使用live()

$(document).delegate(".cellTd", "click", function(){})  //使用delegate()

如果需要移除已绑定的时间,可以使用die()和undelegate()

$(".cellTd").die();             //移除所有live绑定的事件
$(".cellTd").die("click")       //移除live绑定的click事件
$(".cellTd").die("click", aFun);//移除live绑定的click事件对应的aFun函数

$(".cellTd").undelegate();        //删除由delegate()方法添加的所有事件处理器
$(".cellTd").undelegate("click"); //删除由delegate()方法添加的click事件处理器
$(".cellTd").undelegate("click", aFun); 删除由delegate()方法添加的click事件处理器对应的aFun函数

转载于:https://my.oschina.net/kenshiro/blog/161139