var father = document.getElementById('father');
father.addEventListener('click',function () {
alert('fattther');
})
var son = document.getElementById('son');
son.addEventListener('click',function () {
alert('son');
});
點擊button，會以此彈出"son", "father"。
2.捕獲事件：使用事件捕獲時，父級元素先觸發(fā)，子級元素后觸發(fā)。
我們使用addEventListener添加監(jiān)聽事件時，參數(shù)分別為(事件類型, function(){}, capture), 一般不寫第三個參數(shù)時默認為false，即事件冒泡。
所以1中的代碼會是事件冒泡順序。如果我們想改為事件捕獲，把參數(shù)設(shè)置為true即可，代碼如下：
點擊事件捕獲冒泡實驗
var father = document.getElementById('father');
father.addEventListener('click',function () {
alert('fattther');
},true)
var son = document.getElementById('son');
son.addEventListener('click',function () {
alert('son');
});
看完上述內(nèi)容，你們掌握怎么在JS html中實現(xiàn)事件冒泡和事件捕獲操作的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
當(dāng)前題目：怎么在JShtml中實現(xiàn)事件冒泡和事件捕獲操作
網(wǎng)頁地址：http://weahome.cn/article/psjjgs.html
-
在線咨詢
微信咨詢
電話咨詢
-
028-86922220（工作日）
18980820575（7×24）
-
提交需求
-
返回頂部
重慶分公司
重慶分公司
