為何點(diǎn)第二個(gè)button不會(huì)出發(fā)第一個(gè)div的off('mousedown')
兩個(gè)都是綁定的button，點(diǎn)第一個(gè)可以觸發(fā)第二個(gè)div的off()刪除全部事件
那點(diǎn)第二個(gè)button為什么觸發(fā)不了第一個(gè)的off("mousedown")呢
C0EEC3F7BBAA
2016-08-05
5 回答
舉報(bào)
0/150
提交
取消
2016-08-26
前兩位朋友 ··· 你們和我看的代碼不一樣嘛··我的沒(méi)動(dòng)過(guò)的代碼是這樣的··只有一個(gè)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>測(cè)試一</h4> ????<div?class="left"> ????????on('mousedown?mouseup') ????????<div?class="aaron">點(diǎn)擊觸發(fā)</div> ????</div> ????<button>點(diǎn)擊刪除mousedown事件</button> ????<script?type="text/javascript"> ????var?n??=?0; ????//綁定事件 ????$(".aaron:first").on('mousedown?mouseup',?function(e)?{ ????????$(this).text(?'觸發(fā)類(lèi)型:'?+??(e.type)?+?",次數(shù)"?+?n) ????????++n; ????}) ????//刪除事件 ????$("button").click(function()?{ ????????$(".aaron:first").off('mousedown') ????}) ??? ????</script> ????<h4>測(cè)試一</h4> ????<div?class="left"> ????????on('mousedown?mouseup') ????????<div?class="aaron">點(diǎn)擊觸發(fā)</div> ????</div> ????<button>點(diǎn)擊銷(xiāo)毀所有事件off</button> ????<script?type="text/javascript"> ????var?n??=?0; ????//綁定事件 ????$(".aaron:last").on('mousedown?mouseup',?function(e)?{ ????????$(this).text(?'觸發(fā)類(lèi)型:'?+??(e.type)?+?",次數(shù)"?+?n) ????????++n; ????}) ????//刪除事件 ????$("button").click(function()?{ ????????$(".aaron:last").off() ????}) ??? ????</script> </body> </html>2016-08-24
第一個(gè)script結(jié)構(gòu)體加載的時(shí)候只有一個(gè)button，所以第一個(gè)script里面的事件綁定只給了第一個(gè)button；第二個(gè)script結(jié)構(gòu)體加載的時(shí)候已經(jīng)有了兩個(gè)button，所以第二個(gè)script結(jié)構(gòu)體里面的事件綁定給了兩個(gè)button；因此第一個(gè)button綁定了兩個(gè)click事件，第二個(gè)button只綁定了一個(gè)click事件；
2016-08-22
因?yàn)檫@兩個(gè)btn的事件放在2個(gè)script結(jié)構(gòu)體里面，前面的對(duì)后面有影響，后面的對(duì)前面沒(méi)有影響。
我測(cè)試了一下，當(dāng)把兩段script代碼放在一個(gè)結(jié)構(gòu)體里面時(shí)，兩個(gè)btn的隨便點(diǎn)擊哪一個(gè)，效果都是一樣的，互相影響。
2016-08-11
同問(wèn) 是什么原理 順序的問(wèn)題嗎
2016-08-05
$("button").click(function() {
? ? ? ? $(".aaron:last").off()
? ? })
//一共兩個(gè)div，指定解綁**class為“aaron”的最后一個(gè)元素**的全部事件，不卸載第一個(gè)元素的事件