去除事件的方法:1、用unbind(),語法「綁定了滑鼠事件的元素.unbind()」;2、用undelegate(),語法「綁定了滑鼠事件的元素. undelegate();」;3、用off(),語法「綁定了滑鼠事件的元素.off()」。
本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
jquery移除滑鼠事件的方法:
#方法1:使用unbind() 方法
# #unbind() 方法移除被選取元素的事件處理程序。
此方法能夠移除所有的或被選取的事件處理程序,或當事件發生時終止指定函數的執行。ubind() 適用於任何透過 jQuery 附加的事件處理程序。
範例:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("p").click(function() { $(this).slideToggle(); }); $("button").click(function() { $("p").unbind(); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <p>点击任何段落可以令其消失。包括本段落。</p> <button>删除 p 元素的事件处理器</button> </body> </html>
undelegate()方法刪除由delegate() 方法新增的一個或多個事件處理程序。 範例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("body").delegate("p", "click", function() { $(this).slideToggle(); }); $("button").click(function() { $("body").undelegate(); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <p>点击任何段落可以令其消失。包括本段落。</p> <button>删除点击事件</button> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("p").on("click", function() { $(this).css("background-color", "pink"); }); $("button").click(function() { $("p").off(); }); }); </script> </head> <body> <p>点击这个段落修改它的背景颜色。</p> <p>点击一下按钮再点击这个段落( click 事件被移除 )。</p> <button>移除 click 事件</button> </body> </html>
以上是jquery怎麼去除滑鼠事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!