js中的事件捕捉模型與冒泡模型實例分析_javascript技巧
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 21:31:51
js中的事件捕捉模型與冒泡模型實例分析_javascript技巧
js中的事件捕捉模型與冒泡模型實例分析_javascript技巧:本文實例講述了js中的事件捕捉模型與冒泡模型。分享給大家供大家參考。 具體實現(xiàn)方法如下: 實例1: 代碼如下: window.onload = function(){ document.getElementById('par').addEventListener('click',function() {a
導(dǎo)讀js中的事件捕捉模型與冒泡模型實例分析_javascript技巧:本文實例講述了js中的事件捕捉模型與冒泡模型。分享給大家供大家參考。 具體實現(xiàn)方法如下: 實例1: 代碼如下: window.onload = function(){ document.getElementById('par').addEventListener('click',function() {a

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