首頁 > 文章 > web前端 > jquery怎麼移除onclick事件

jquery怎麼移除onclick事件

WBOY原創: 2022-04-18 11:29:504366瀏覽

移除方法：1、利用“元素物件.removeAttr("onclick")”，移除定義在html標籤內部的事件；2、利用“元素物件.unbind("click")”或“元素物件.off("click")”，移除jquery事件所綁定的事件。

jquery怎麼移除onclick事件

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery怎麼移除onclick事件

1、如果是定義在html標籤內部的onclick事件，需要使用removeAttr("onlick") 方法：

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

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

2、如目前click是由jquery事件所綁定的事件，則應該使用 unbind("click") 方法：

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

此方法能夠移除所有的或被選取的事件處理程序，或當事件發生時終止指定函數的執行。

此方法也可以透過 event 物件取消綁定的事件處理程序。此方法也用於對自身內部的事件取消綁定（例如當事件已被觸發一定次數之後，刪除事件處理程序）。

注意：如果未規定參數，則 unbind() 方法會刪除指定元素的所有事件處理程序。

注意：unbind() 方法適用於任意由 jQuery 新增的事件處理程序。

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

// jquery 绑定事件
$(&#39;#test&#39;).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(){
$(&#39;#button1&#39;).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影片教學

以上是jquery怎麼移除onclick事件的詳細內容。更多資訊請關注PHP中文網其他相關文章！

jquery html Event 对象事件

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：react中key的用法是什麼下一篇：react中key的用法是什麼

看更多