码迷,mamicode.com
首页 > 其他好文 > 详细

事件解绑与事件触发

时间:2018-02-24 22:00:14      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:AC   div   bind   对象   点击   匹配   color   query   input   

绑定事件都知道用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就是接触事件的方法。

事件解绑与事件触发

标签:AC   div   bind   对象   点击   匹配   color   query   input   

原文地址:https://www.cnblogs.com/web001/p/8467485.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!