jQuery綁定事件的覆蓋

CodeSheep 發(fā)布于2019-08-21 10:37 / 453人閱讀

摘要：中，事件的綁定是疊加式，而不是很多人想象的覆蓋式。而很多時(shí)候，我們希望執(zhí)行某函數(shù)做出某些判斷之后，為元素重新綁定事件，而不是同時(shí)保留多個(gè)事件監(jiān)聽。

ECMAscript中，事件的綁定是疊加式，而不是很多人想象的覆蓋式。如：

$("button").click(function(){
    alert("first");
});
$("button").click(function(){
    alert("second");
});

點(diǎn)擊button之后，會(huì)先彈出first彈出框，再彈出second彈出框（而不是只彈出second彈出框）。

而很多時(shí)候，我們希望執(zhí)行某函數(shù)、做出某些判斷之后，為元素重新綁定事件，而不是同時(shí)保留多個(gè)事件監(jiān)聽。（比如：輸入密碼之前，點(diǎn)擊“登錄”提示“輸入密碼”，密碼驗(yàn)證成功后點(diǎn)擊“登錄”提示“登錄成功”）

下面介紹兩種方法可以實(shí)現(xiàn)綁定事件覆蓋效果：
(我要來秀我的成語水平了，前方高能，非戰(zhàn)斗人員迅速撤離)

1.起死回生法

$("button").die().live("click",function(){
//新的綁定事件
});

先使用die()方法移除所有通過live()方法向元素添加的事件處理程序,再通過live()方法綁定新的事件。
這種方法有個(gè)前提，那就是被覆蓋的方法也必須是通過live()方法綁定的，否則die()方法“殺不死”它們，會(huì)完全沒有效果。

2.欲擒故縱法

$("button").unbind("click").click(function(){
//新的綁定事件
});

和第一種方法類似，先使用unbind()方法移除所有元素的事件處理程序,再綁定新的事件（后面可以改成bind()方法進(jìn)行綁定）。
這種方法也有個(gè)前提，那就是被覆蓋的方法如果是通過live()方法綁定的，會(huì)沒有效果。

相信一定有多事的小伙伴要問了，到底什么時(shí)候用bind()方法或者live()方法？兩者的區(qū)別是什么？
然而我要下班了，這個(gè)問題有點(diǎn)復(fù)雜，我會(huì)留到下一篇文章和大家一起探索。

云服務(wù)器 GPU云服務(wù)器 jquery預(yù)綁定事件 jquery綁定hover事件 jquery綁定事件on jquery的事件處理

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/85876.html

登陸后可評(píng)論

我要關(guān)注我要私信

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说