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

我們先來看一個示例

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

這個例子中，在“按鈕元素”和“鏈接元素”中分別記述了點擊事件處理的狀態。

單擊時，將輸出控制臺指定的字符串。

這樣的時候，因為不需要點擊事件處理，所以想動態地刪除的話off()就非常有用。

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

off()基本上是針對其事件被注冊的元素執行的。

基本語法如下

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

可以看到對目標元素執行off()。

參數可以省略，但可以通過指定事件名稱來刪除特定事件。

另外，也可以通過設定選擇器來限制刪除對象的范圍。

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

假設有以下HTML。

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

這只是簡單的“鏈接元素”和“按鈕元素”各自被配置的狀態。

在此狀態下，單擊“鏈接元素”向控制臺輸出字符串時，如下所述。

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

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

現在讓我們嘗試通過單擊“按鈕元素”刪除“鏈接元素”事件！

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

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

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

可以確認，即使點擊鏈接元素也不向控制臺輸出任何信息。

本篇文章到這里就全部結束了，更多精彩內容大家可以關注Gxl網的其他相關欄目教程！！！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com