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

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