jQuery中off()方法如何刪除事件

我們先來(lái)看一個(gè)示例

$('button').click(function() {
 console.log('按鈕被點(diǎn)擊！');
})
$('a').on('click', function() {
 console.log('鏈接被點(diǎn)擊！');
})

這個(gè)例子中，在“按鈕元素”和“鏈接元素”中分別記述了點(diǎn)擊事件處理的狀態(tài)。

單擊時(shí)，將輸出控制臺(tái)指定的字符串。

這樣的時(shí)候，因?yàn)椴恍枰c(diǎn)擊事件處理，所以想動(dòng)態(tài)地刪除的話off()就非常有用。

接下來(lái)我們就來(lái)看off()的使用方法

off()基本上是針對(duì)其事件被注冊(cè)的元素執(zhí)行的。

基本語(yǔ)法如下

對(duì)象元素.off( 事件名稱, 選擇器 )

可以看到對(duì)目標(biāo)元素執(zhí)行off()。

參數(shù)可以省略，但可以通過(guò)指定事件名稱來(lái)刪除特定事件。

另外，也可以通過(guò)設(shè)定選擇器來(lái)限制刪除對(duì)象的范圍。

刪除特定事件(click)的方法

假設(shè)有以下HTML。

<a href="#">鏈接</a>
<button>刪除</button>

這只是簡(jiǎn)單的“鏈接元素”和“按鈕元素”各自被配置的狀態(tài)。

在此狀態(tài)下，單擊“鏈接元素”向控制臺(tái)輸出字符串時(shí)，如下所述。

$('a').on('click', function() {
 console.log('鏈接已被點(diǎn)擊！');
})

您可以看到使用on方法注冊(cè)單擊事件。

現(xiàn)在讓我們嘗試通過(guò)單擊“按鈕元素”刪除“鏈接元素”事件！

$('button').on('click', function() {
 $('a').off();
})

在此示例中，您可以看到在單擊事件處理中對(duì)鏈接元素執(zhí)行off()。

因此，在點(diǎn)擊按鈕元素的瞬間刪除鏈接元素的事件。

可以確認(rèn)，即使點(diǎn)擊鏈接元素也不向控制臺(tái)輸出任何信息。

本篇文章到這里就全部結(jié)束了，更多精彩內(nèi)容大家可以關(guān)注Gxl網(wǎng)的其他相關(guān)欄目教程！！！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com