事件冒泡不是向上傳遞么？為什么給div添加事件，a會(huì)截停？ 這個(gè)怎么又像捕獲了那？ 看完這個(gè)案例我又暈了！
<div?class="left"> ????<p?class="aaron"> ????????<a>目標(biāo)節(jié)點(diǎn)</a>?//點(diǎn)擊在這個(gè)元素上 ????</p> </div>
碼農(nóng)吊車尾
2016-10-12
5 回答
舉報(bào)
0/150
提交
取消
2016-10-16
我也是初學(xué)者，下面是我的理解
<!DOCTYPE?html> <html> <head> ????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/> ????<title></title> ????<style> ????.left?div, ????.right?div?{ ????????width:?500px; ????????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>on事件委托</h2> ????<div?class="left"> ????????<div?class="aaron"> ????????????<a>點(diǎn)擊這里</a> ????????????<p>試下點(diǎn)擊這里</p> ????????</div> ????</div>???? ????<script?type="text/javascript"> ????//給body綁定一個(gè)click事件 ????//沒(méi)有直接a元素綁定點(diǎn)擊事件 ????//通過(guò)委托機(jī)制，點(diǎn)擊a元素的時(shí)候，事件觸發(fā) ????//$('body').on('click',?function(e)?) ????$('body').on('click','a',?function(e)?{ ???????alert(e.target.textContent) ????}) ????</script> </body> </html>你可以試著運(yùn)行上面的代碼，觀察$('body').on('click','a', function(e) )和$('body').on('click', function(e) )的運(yùn)行結(jié)果的不同。你會(huì)發(fā)現(xiàn)$('body').on('click','a', function(e) )情況下，只有點(diǎn)擊<a>才會(huì)觸發(fā)click事件，而在$('body').on('click', function(e) )情況下點(diǎn)擊頁(yè)面內(nèi)的任何元素都可以促發(fā)click事件。認(rèn)真理解老師給$('body').on('click','a', function(e) )的三句注釋：
//給body綁定一個(gè)click事件
//沒(méi)有直接a元素綁定點(diǎn)擊事件
?//通過(guò)委托機(jī)制，點(diǎn)擊a元素的時(shí)候，事件觸發(fā)
我們給body綁定的click事件，為什么只有在點(diǎn)擊<a>元素的時(shí)候才會(huì)觸發(fā)click事件呢？因?yàn)槲覀儼裞lick事件委托了<a>.
能理解嗎
2017-12-05
其實(shí)事件委托的關(guān)鍵就是on里面的選擇器參數(shù)，它決定了事件發(fā)生的范圍！
2016-11-13
大神，能解答一下：瀏覽器的默認(rèn)行為有哪些？有哪些事件可以觸發(fā)瀏覽器的默認(rèn)行為？
2016-10-12
$("div").on("click","p",fn) 哪位老師能解釋一下，這句話的意思，事件委托的機(jī)制的詳細(xì)順序是什么？2016-10-12
并不是截停，而是委托，依舊向上傳遞，只是后面的函數(shù)的參數(shù)委托給了a，即以a為參數(shù)。不過(guò)還是會(huì)向上傳遞的。