千锋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');

})