使用jQuery卸載全部事件的思路詳解

發(fā)布時間：2020-10-17 13:03:18 來源：腳本之家閱讀：144 作者：mrr 欄目：web開發(fā)

說到事件, jquery 做了不少,當(dāng)然也有 data 的很多功勞,因為原生 js 不支持匿名卸載事件的,而她為了開發(fā)者好用支持了匿名的

匿名事件的思路

首先她會判斷目標(biāo)是否是元素或者對象,如果是元素,則在元素上打一個標(biāo)識( expando )然后值是生成的一個 guid ,并在緩存對象下建立一個緩存,比如:

$.cache={
  '2': {
    data: {},
    events: {},
    handle: function(){}
  },
}

然后會在你觸發(fā)元素事件時拿元素上的標(biāo)識去往緩存里的 events 里找,并會有是否委托,選擇器等判斷,然后最終觸發(fā),卸載的時候其實是拿緩存里的 handle 卸載的,因為是一個...

如果目標(biāo)不是元素,比如是一個 window 那么她會直接往目標(biāo)上添加標(biāo)識,比如: window[$.expando]

其實事件跟緩存有很深的關(guān)系,她們是蕾絲~

卸載全部事件

清空標(biāo)識

這里的標(biāo)識包括元素上的和對象上的

$('*').add(window).each(function(){
  try{
    delete this[$.expando];
  }catch(e){}
});

ps:因為 window 不是元素,但會有一些事件,比如 scroll , resize 等

刪除緩存

這里的緩存包括元素的緩存和對象緩存

window[$.expando] = {}
$.cache = {};

以上所述上小編給大家介紹的使用jQuery卸載全部事件的思路詳解，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！

向AI問一下細(xì)節(jié)

猜你喜歡