您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關jQuery中off()刪除事件的案例,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
off()是一種可以刪除在特定HTML元素中注冊的事件的方法。
我們先來看一個示例
$('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()。
因此,在點擊按鈕元素的瞬間刪除鏈接元素的事件。
可以確認,即使點擊鏈接元素也不向控制臺輸出任何信息。
關于jQuery中off()刪除事件的案例就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。