Capture
事件捕獲
事件捕獲是由Netscape Communicator團隊提出來的,是先由最上一級的節點先接收事件,然后向下傳播到具體的節點。當用戶點擊了<div>元素,采用事件捕獲,則click事件將按照document—><html>—><body>—><div>的順序進行傳播。
若在<div>和<body>上都定義了click事件,如下:
<script type="text/javascript">var div=document.getElementById("myDiv"); div.addEventListener("click",function(event){alert("div");},true);document.body.addEventListener("click",function(event){alert("body");},true);</script>(注:addEventListener具體使用見本文DOM2級事件處理)
點擊<div>,將先輸出“body”,再輸出“div”。
IE9,chrome,Firefox,Opera,Safari都支持事件捕獲,但是IE8和IE8以下的版本只支持事件冒泡。盡管DOM2規范要求事件應該從document對象開始傳播,但是現在的瀏覽器實現都是從window對象開始捕獲事件。
轉載于:https://www.cnblogs.com/yixiaoyu/p/9943612.html
總結
- 上一篇: SSH学习(2)
- 下一篇: NOIP 2018 流水账