千鋒web前端開發(fā)項(xiàng)目教程_1000集完全零基礎(chǔ)入門HTML5+CSS3+JS到
2023-07-12 11:46 作者:js真好學(xué) | 我要投稿
綁定事件
DOM0級(jí)事件（傳統(tǒng)方式）
語法： dom.on+事件類型 = 事件處理函數(shù)
注意：通過傳統(tǒng)方式給相同的dom節(jié)點(diǎn)綁定多個(gè)相同類型的事件，只會(huì)有最后一個(gè)生效
divEle.onclick = function () {
? ? // 代碼塊
? ? console.log('傳統(tǒng)方式1');
}
divEle.onclick = function () {
? ? // 代碼塊
? ? console.log('傳統(tǒng)方式2');
}
DOM2級(jí)事件 (事件監(jiān)聽)
語法： dom.addEventListener('事件類型', function(){ // 代碼塊 })
注意：通過事件監(jiān)聽的方式給相同的dom節(jié)點(diǎn)綁定多個(gè)相同類型的事件，每個(gè)事件會(huì)依次觸發(fā)
divEle.addEventListener('click', function () {
? ? console.log('事件監(jiān)聽函數(shù)1');
})
divEle.addEventListener('click', function () {
? ? console.log('事件監(jiān)聽函數(shù)2');
})
標(biāo)簽：
