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

不言
發布: 2021-04-22 15:20:18
原創
5691 人瀏覽過

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

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

本文操作環境: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').on('click', function() { console.log('链接已被点击!'); })
登入後複製

您可以看到使用on方法註冊點擊事件。

現在讓我們嘗試透過點擊「按鈕元素」來刪除「連結元素」事件!

$('button').on('click', function() { $('a').off(); })
登入後複製

在此範例中,您可以看到在按一下事件處理中對連結元素執行off()。

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

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

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!