課程
/前端開發
/JavaScript
/DOM事件探秘
想知道,事件冒泡的時候,是所有的事件都會執行嗎?比如一個點擊click事件發生,父包裹層也有點擊事件會執行嗎?假如還有mousedown呢?
2016-04-20
源自:DOM事件探秘 1-1
正在回答
剛才已經嘗試 如果父類有同類事件可以冒泡執行 但是如果觸發事件與父類事件不同則不會冒泡觸發
<div onclick="alert(123)">
<button type="button" class="btn btn-default" onmousedown="alert(1)">button</button>
</div>
----上面這段點擊button只會彈出1
<button type="button" class="btn btn-default" onclick="alert(1)">button</button>
----上面這段因為父類與子類為同一類型事件所以點擊button會彈出1 之后彈出123
是的
事件的傳播是可以阻止的:? 在W3c中,使用stopPropagation()方法? 在IE下設置cancelBubble = true;在捕獲的過程中stopPropagation();后,后面的冒泡過程也不會發生了~
阻止事件的默認行為,例如click <a>后的跳轉~? 在W3c中,使用preventDefault()方法;? 在IE下設置window.event.returnValue = false;
參考自:http://www.jb51.net/article/42492.htm
舉報
DOM事件?本課程會通過實例來給小伙伴們講解如何使用這些事件
1 回答關于冒泡事件
1 回答事件冒泡問題
2 回答有沒有允許事件冒泡的方法
1 回答chrome是自動阻止事件冒泡的?
3 回答事件冒泡會觸發父元素的兄弟元素嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-11-21
剛才已經嘗試 如果父類有同類事件可以冒泡執行 但是如果觸發事件與父類事件不同則不會冒泡觸發
<div onclick="alert(123)">
<button type="button" class="btn btn-default" onmousedown="alert(1)">button</button>
</div>
----上面這段點擊button只會彈出1
<div onclick="alert(123)">
<button type="button" class="btn btn-default" onclick="alert(1)">button</button>
</div>
----上面這段因為父類與子類為同一類型事件所以點擊button會彈出1 之后彈出123
2016-04-20
是的
事件的傳播是可以阻止的:
? 在W3c中,使用stopPropagation()方法
? 在IE下設置cancelBubble = true;
在捕獲的過程中stopPropagation();后,后面的冒泡過程也不會發生了~
阻止事件的默認行為,例如click <a>后的跳轉~
? 在W3c中,使用preventDefault()方法;
? 在IE下設置window.event.returnValue = false;
參考自:http://www.jb51.net/article/42492.htm