绑定事件都知道用on或者bind,当然on用的多,那么想要解除事件呢?
写一个小的例子,点击按钮,下面的a元素被触发点击事件:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> a{text-decoration: none;} </style> </head> <body> <input type="button" id="btn" value="点击"/><br> <a href="javascript:void(0)">我是被触发的对象</a> </body> <script src="js/jquery-1.11.3.min.js"></script> <script> $(function(){ $("a").click(function(){ alert("哈哈") }); $("#btn").on("click",function(){ //$("a").click();//方法一 $("a").trigger("click")//方法二 }) }) </script> </html>
click事件是比较早的写法,而trigger(触发)也是另一种比较新的方法。当然都可以实现效果。
这是绑定了点击事件,那解绑的话就用到了off:
<script src="js/jquery-1.11.3.min.js"></script> <script> $(function(){ //解除事件 $("a").on("click,mouseenter",function(){ alert("哈哈") }); $("a").off();//解除匹配元素的所有事件 $("a").off("click");//解除匹配元素的所有click事件 }) </script>
好了,以上off就是接触事件的方法。