溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jquery如何移除onclick事件

發(fā)布時間:2022-04-19 19:32:11 來源:億速云 閱讀:1569 作者:iii 欄目:web開發(fā)

本文小編為大家詳細介紹“jquery如何移除onclick事件”,內(nèi)容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“jquery如何移除onclick事件”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

移除方法:1、利用“元素對象.removeAttr("onclick")”,移除定義在html標簽內(nèi)部的事件;2、利用“元素對象.unbind("click")”或“元素對象.off("click")”,移除由jquery事件綁定的事件。

本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery怎么移除onclick事件

1、如果是定義在html標簽內(nèi)部的onclick事件,需要使用 removeAttr("onlick") 方法:

removeAttr() 方法從被選元素移除一個或多個屬性。

<div id="test" onclick="setOnclick">onclick事件</div>
 
<javascript>
    $("#test").removeAttr("onclick");
</javascript>

2、如當前click是由jquery事件綁定的事件,則應該使用 unbind("click") 方法:

unbind() 方法移除被選元素的事件處理程序。

該方法能夠移除所有的或被選的事件處理程序,或者當事件發(fā)生時終止指定函數(shù)的運行。

該方法也可以通過 event 對象取消綁定的事件處理程序。該方法也用于對自身內(nèi)部的事件取消綁定(比如當事件已被觸發(fā)一定次數(shù)之后,刪除事件處理程序)。

注意:如果未規(guī)定參數(shù),則 unbind() 方法會刪除指定元素的所有事件處理程序。

注意:unbind() 方法適用于任意由 jQuery 添加的事件處理程序。

自 jQuery 版本 1.7 起,on() 和 off() 方法是在元素上添加和移除事件處理程序的首選方法。

// jquery 綁定事件
$('#test').click(function(){
    alert("click");
})
 
// 使用unbind解除綁定
$("#test").unbind("click");

示例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$('#button1').click(function(){
    alert("click");
})
  $("#button2").click(function(){
    $("#button1").unbind();
  });
});
</script>
</head>
<body>
<button id="button1">點擊事件</button>
<button id="button2">移除點擊事件</button>
</body>
</html>

點擊第一個按鈕輸出結果:

jquery如何移除onclick事件

點擊第二個按鈕后,就會移除第一個按鈕的點擊事件

讀到這里,這篇“jquery如何移除onclick事件”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內(nèi)容的文章,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI