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

jQuery中off刪除事件的方法：先建立一個程式碼檔案；然後輸入HTML元素；最後透過【物件元素.off( 事件名稱, 選擇器)】語法刪除在特定HTML元素中註冊的事件即可。

本文操作環境：Windows7系統、Dell G3電腦、jquery3.2.1版。

off()是一種可以刪除在特定HTML元素中註冊的事件的方法，我們就來介紹關於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()。

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

可以確認，即使點擊連結元素也不向控制台輸出任何資訊。

這篇文章到這裡就全部結束了，更多精彩內容大家可以關注php中文網的其他相關欄位教學！ ！ ！

以上是jQuery中off()方法如何刪除事件的詳細內容。更多資訊請關注PHP中文網其他相關文章！