千锋web前端开发项目教程_1000集完全零基础入门HTML5+CSS3+JS到

绑定事件
DOM0级事件(传统方式)
语法: dom.on+事件类型 = 事件处理函数
注意:通过传统方式给相同的dom节点绑定多个相同类型的事件,只会有最后一个生效
divEle.onclick = function () {
// 代码块
console.log('传统方式1');
}
divEle.onclick = function () {
// 代码块
console.log('传统方式2');
}
DOM2级事件 (事件监听)
语法: dom.addEventListener('事件类型', function(){ // 代码块 })
注意:通过事件监听的方式给相同的dom节点绑定多个相同类型的事件,每个事件会依次触发
divEle.addEventListener('click', function () {
console.log('事件监听函数1');
})
divEle.addEventListener('click', function () {
console.log('事件监听函数2');
})