addEventListener与onClick

最新推荐文章于 2024-07-21 22:54:21 发布

八阿哥啊

最新推荐文章于 2024-07-21 22:54:21 发布

阅读量200

点赞数

文章标签： javascript html html5

本文链接：https://blog.csdn.net/qq_41522343/article/details/119904335

版权

一个dom元素绑定addEventListener和onClick时会根据绑定顺序执行，其中onClick只能绑定一个，再次绑定会覆盖。addEventListener可以绑定多个，按照绑定的先后顺序依次执行

    document.getElementById('btn').onclick=function(){
        console.log(2);
    }
    document.getElementById('btn').onclick=function(){
        console.log(3);
    }
    document.getElementById('btn').addEventListener('click',function(){
        console.log(1);
    })
    document.getElementById('btn').addEventListener('click',function(){
        console.log(4);
    }) //314