jQuery live事件說明及移除live事件方法


     

1.live事件說明

jQuery1.3增加了一個live()方法,下面是手冊上的說明:

jQuery 1.3中新增的方法。給所有當前以及將來會匹配的元素綁定一個事件處理函數(比如click事件)。也能綁定自定義事件。

目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。

還不支持 blur, focus, mouseenter, mouseleave, change, submit

與bind()不同的是,live()一次只能綁定一個事件。

這個方法跟傳統的bind很像,區別在於用live來綁定事件會給所有當前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說,如果你給頁面上所有的li用live綁定了click事件。那么當在以后增加一個li到這個頁面時,對於這個新增加的li,其click事件依然可用。而無需重新給這種新增加的元素綁定事件。

.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。

 

 2.移除live綁定的事件

在Jquery里,使用live來綁定事件,若想移除該事件,要使用die方法。

如:

$(“.myDiv”).die("click");

這樣就好將綁定的click事件移除掉。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM