js中的事件捕捉模型與冒泡模型實例分析_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:31:51
js中的事件捕捉模型與冒泡模型實例分析_javascript技巧
js中的事件捕捉模型與冒泡模型實例分析_javascript技巧:本文實例講述了js中的事件捕捉模型與冒泡模型。分享給大家供大家參考。 具體實現方法如下： 實例1： 代碼如下: window.onload = function(){ document.getElementById('par').addEventListener('click',function() {a
導讀js中的事件捕捉模型與冒泡模型實例分析_javascript技巧:本文實例講述了js中的事件捕捉模型與冒泡模型。分享給大家供大家參考。 具體實現方法如下： 實例1： 代碼如下: window.onload = function(){ document.getElementById('par').addEventListener('click',function() {a
本文實例講述了js中的事件捕捉模型與冒泡模型。分享給大家供大家參考。
具體實現方法如下：
實例1：
代碼如下:
addEventListener：第三個參數為可選參數，默認情況下為false，表示冒泡模型，即先觸發最小的層(id為son的div)；而如果加上true參數，則說明是捕捉模型(從html-->body--->div)，按這樣的層次來觸發。
實例1的html代碼有兩個div，小的div包含在大的div內，點擊小的div時，先是會觸發alert('par')事件；然后觸發alert('son')整件。實例2正好相反。
如果是采用"對象.onclick"屬性的方式來觸發事件，采用的是冒泡模型。
IE不支持addEventListener，而是使用attachEvent。但attachEvent不支持第三個參數，它沒有捕捉模型。
希望本文所述對大家的javascript程序設計有所幫助。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
js中的事件捕捉模型與冒泡模型實例分析_javascript技巧
js中的事件捕捉模型與冒泡模型實例分析_javascript技巧:本文實例講述了js中的事件捕捉模型與冒泡模型。分享給大家供大家參考。 具體實現方法如下： 實例1： 代碼如下: window.onload = function(){ document.getElementById('par').addEventListener('click',function() {a
