浅析jquery某一元素重复绑定的问题

2020-05-22 21:56:29易采站长站整理


.live()与流行的liveQuery插件很像,但有以下几个主要区别:


•.live 目前只支持所有事件的子集,支持列表参考上面的说明。
•.live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
•.live 没有”setup”和”cleanup”的过程。因为所有的事件是委派而不是直接绑定在元素上的。


要移除用live绑定的事件,请用die方法


用法示例:
<div class=”myDiv”></div>


jquery:
$(“.myDiv”).live(“click”, function(){
alert(“clicked!”);
});


如果使用javascript动态创建一个class为mydiv的元素,点击元素依然会有弹出。为什么使用live后就有了呢?这是因为jquery利用了事件的冒泡机制,直接把事件绑定在了document上,然后通过event.target找出事件的来源。这跟jquery.livequery插件不一样,jquery.livequery每20毫秒做一次检查,如有新生成则重新绑定一次事件。


使用live当然有利也有弊:


好处就是:元素更新时不用反复去定义事件。
坏处就是:把事件绑定在document上会在页面上每一个元素都呼叫一次,如使用不当会严重影响性能。而且不支持blur, focus, mouseenter, mouseleave, change, submit。