欢迎光临散文网 会员登陆 & 注册

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

2023-07-12 11:46 作者: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');

})

千锋web前端开发项目教程_1000集完全零基础入门HTML5+CSS3+JS到的评论 (共 条)

分享到微博请遵守国家法律