                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(三)—事件篇

为何点第二个button不会出发第一个div的off('mousedown')

两个都是绑定的button，点第一个可以触发第二个div的off()删除全部事件

那点第二个button为什么触发不了第一个的off("mousedown")呢

C0EEC3F7BBAA

2016-08-05

源自：jQuery基础(三)—事件篇 5-3

关注问题我要回答

1039

操作

收起

5 回答

C0EEC3F7BBAA 提问者
2016-08-26

前两位朋友 ··· 你们和我看的代码不一样嘛··我的没动过的代码是这样的··只有一个script

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
    .left div,
    .right div {
        width: 100%;
        height: 50px;
        padding: 5px;
        margin: 5px;
        float: left;
        border: 1px solid #ccc;
    }
    
    .left div {
        background: #bbffaa;
    }
    
    .right div {
        background: yellow;
    }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
    <h2>删除事件</h2>


    <h4>测试一</h4>
    <div class="left">
        on('mousedown mouseup')
        <div class="aaron">点击触发</div>
    </div>
    <button>点击删除mousedown事件</button>
    <script type="text/javascript">
    var n  = 0;
    //绑定事件
    $(".aaron:first").on('mousedown mouseup', function(e) {
        $(this).text( '触发类型:' +  (e.type) + ",次数" + n)
        ++n;
    })

    //删除事件
    $("button").click(function() {
        $(".aaron:first").off('mousedown')
    })
   
    </script>



    <h4>测试一</h4>
    <div class="left">
        on('mousedown mouseup')
        <div class="aaron">点击触发</div>
    </div>
    <button>点击销毁所有事件off</button>
    <script type="text/javascript">
    var n  = 0;
    //绑定事件
    $(".aaron:last").on('mousedown mouseup', function(e) {
        $(this).text( '触发类型:' +  (e.type) + ",次数" + n)
        ++n;
    })

    //删除事件
    $("button").click(function() {
        $(".aaron:last").off()
    })
   
    </script>
</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

C0EEC3F7BBAA 提问者

看错了··确实有两个script···但是第一个script加载时候还没有第二个button··但第一个script里的卸载确能把第二个button事件全卸载了第二个script加载时已经有第一个button了··但第二个script里的卸载off()却不能卸载第一个button里的

2016-08-26 回复有任何疑惑可以回复我~

交替的黑白键
2016-08-24

第一个script结构体加载的时候只有一个button，所以第一个script里面的事件绑定只给了第一个button；第二个script结构体加载的时候已经有了两个button，所以第二个script结构体里面的事件绑定给了两个button；因此第一个button绑定了两个click事件，第二个button只绑定了一个click事件；

4 回复有任何疑惑可以回复我~

收起回答