                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(三)—事件篇

為何點第二個button不會出發第一個div的off('mousedown')

兩個都是綁定的button，點第一個可以觸發第二個div的off()刪除全部事件

那點第二個button為什么觸發不了第一個的off("mousedown")呢

C0EEC3F7BBAA

2016-08-05

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

關注問題我要回答

1095

操作

收起

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 回復有任何疑惑可以回復我~

收起回答