移除方法:1、利用“元素物件.removeAttr("onclick")”,移除定義在html標籤內部的事件;2、利用“元素物件.unbind("click")”或“元素物件.off("click")”,移除jquery事件所綁定的事件。
本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
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 绑定事件 $('#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影片教學
以上是jquery怎麼移除onclick事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!