資訊專欄INFORMATION COLUMN
摘要：中，事件的綁定是疊加式，而不是很多人想象的覆蓋式。而很多時候，我們希望執(zhí)行某函數(shù)做出某些判斷之后，為元素重新綁定事件，而不是同時保留多個事件監(jiān)聽。
ECMAscript中，事件的綁定是疊加式，而不是很多人想象的覆蓋式。如：
$("button").click(function(){
alert("first");
});
$("button").click(function(){
alert("second");
});
點擊button之后，會先彈出first彈出框，再彈出second彈出框（而不是只彈出second彈出框）。
而很多時候，我們希望執(zhí)行某函數(shù)、做出某些判斷之后，為元素重新綁定事件，而不是同時保留多個事件監(jiān)聽。（比如：輸入密碼之前，點擊“登錄”提示“輸入密碼”，密碼驗證成功后點擊“登錄”提示“登錄成功”）
下面介紹兩種方法可以實現(xiàn)綁定事件覆蓋效果：
(我要來秀我的成語水平了，前方高能，非戰(zhàn)斗人員迅速撤離)
$("button").die().live("click",function(){
//新的綁定事件
});
先使用die()方法移除所有通過live()方法向元素添加的事件處理程序,再通過live()方法綁定新的事件。
這種方法有個前提，那就是被覆蓋的方法也必須是通過live()方法綁定的，否則die()方法“殺不死”它們，會完全沒有效果。
$("button").unbind("click").click(function(){
//新的綁定事件
});
和第一種方法類似，先使用unbind()方法移除所有元素的事件處理程序,再綁定新的事件（后面可以改成bind()方法進(jìn)行綁定）。
這種方法也有個前提，那就是被覆蓋的方法如果是通過live()方法綁定的，會沒有效果。
相信一定有多事的小伙伴要問了，到底什么時候用bind()方法或者live()方法？兩者的區(qū)別是什么？
然而我要下班了，這個問題有點復(fù)雜，我會留到下一篇文章和大家一起探索。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/85876.html
摘要：源碼源碼行被點擊了點擊了，即委托的事件被點擊了優(yōu)先添加委托，再添加其他即委托在上的事件數(shù)量在下標(biāo)為的位置插入委托事件解析可以看到，是優(yōu)先添加委托事件，再添加自身事件，觸發(fā)事件的時候也是按這個順序。 showImg(https://segmentfault.com/img/remote/1460000019419722); 前言：請先回顧下我之前寫的一篇文章：JavaScript之事件委...
摘要：提示如需移除事件處理程序，請使用方法。說明和綁定的點擊事件被的事件覆蓋。分析不同的綁定方式執(zhí)行順序?qū)傩栽厥录录?。元素綁定事件刪除按鈕。屬性綁定事件動態(tài)綁定事件方法的方法的屬性綁定。 一、動態(tài)監(jiān)聽加載對象 當(dāng)使用js或jQuery動態(tài)創(chuàng)建元素(例如append，appendChildren)，再用on(事件, function(){...})或addEventListener監(jiān)聽事件...
摘要：上面的例子應(yīng)用了匿名函數(shù)這個特性，還可以使用構(gòu)造函數(shù)或者閉包來添加事件監(jiān)聽器另一個重要特性，則是上面這段代碼中最后一行的最后一個參數(shù)，用來控制監(jiān)聽器對于冒泡事件的響應(yīng)。在這里你不能使用閉包或者匿名函數(shù)，并且控制域也是有限的。 原文出處：addEventListener vs onclick 之所以會想到這個話題，是因為在回顧自己之前寫的為 button 動態(tài)綁定事件的函數(shù)時，腦海里忽...
摘要：原文瀏覽器事件之間的關(guān)系程序采用了異步事件驅(qū)動編程模型，維基百科對它的解釋是事件驅(qū)動程序設(shè)計英語是一種電腦程序設(shè)計模型。 原文：https://keelii.github.io/2016/09/29/javascript-browser-event/ JavaScript、瀏覽器、事件之間的關(guān)系 JavaScript 程序采用了異步事件驅(qū)動編程（Event-driven program...
閱讀 1015·2021-11-04 16:08
閱讀 3001·2021-09-13 10:37
閱讀 522·2019-08-30 15:56
閱讀 2015·2019-08-30 15:55
閱讀 2258·2019-08-30 15:53
閱讀 2104·2019-08-30 13:13
閱讀 2944·2019-08-30 12:51
閱讀 1560·2019-08-29 16:06
