jQuery 事件取消绑定

详细注释看源码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.1.1.min.js"></script>

    <script>
        /*
        * 之前取消事件
        * dvnode.onclick = null     dom1级事件取消
        * dvnode.removeEventListener(类型,(有名)处理,事件流)    dom2级事件取消
        * */
        /*
        *   jQuery取消事件绑定
        *  1.$()unbind();   取消全部事件(无视事件类型、无视处理函数类型)
        *
        *  2.$()unbind(事件类型);   取消指定类型的全部事件(无视处理函数类型)
        *
        *  3.$()unbind(事类型,有名(事件)处理函数)  取消指定类型的指定处理事件
        *  此种必须是有名函数才可以
        * */
       function fb() 
        {
                alert('bbb');
        };

        $(function () 
        {

            /*$('div').bind('click mouseout',function () {
                alert("鼠标点击移出都会弹窗");
            })*/

            
            $('div').bind('click',fb);

        })

        //上面为放置一个点击弹出事件,使用事件取消后,上面事件不再起作用
        function cancel() 
        {
            //全部事件取消
            //$('div').unbind();
            //只取消某一事件,下面我们将移出弹窗事件取消,只留下点击事件
            //$('div').unbind('mouseout');
            //有名函数取消
            //所取消的有名函数必须是外部独立函数,或内部函数。若是取取消的是其它函数内的有名函数,则会调用失败。
             $('div').unbind('click',fb);

        }
        

    </script>
    <style>
        div { height:50px; width:300px; background:lightgreen;}
    </style>
</head>
<body>
<h2 size="6">事件取消绑定</h2>
<div id="t1">北京今天是个好天气,因为有风</div><br>
<input type="button" value="取消事件" onclick="cancel()">
</body>
</html>

评论

大侠名号:   验证暗号: 点击我更换图片

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND