开发者社区> 问答> 正文

addEventListener 和 on 区别

addEventListener 和 on 区别

展开
收起
珍宝珠 2020-02-14 14:25:08 1506 0
1 条回答
写回答
取消 提交回答
  • window.onload = function(){
         var box = document.getElementById("box");
         box.onclick = function(){
             console.log("我是box1");
         }
         box.onclick = function(){
             console.log("我是box2");
         }
    }
    
    //运行结果:“我是box2”
    
    window.onload = function(){
         var box = document.getElementById("box");
         box.addEventListener("click", function(){
             console.log("我是box1");
         })
         box.addEventListener("click", function(){
             console.log("我是box2");
         })
    }
    运行结果:我是box1
         我是box2
    

    第二个onclick会把第一个onclick给覆盖了,虽然大部分情况我们用on就可以完成我们想要的结果,但是有时我们又需要执行多个相同的事件,很明显如果用on完成不了我们想要的,而addEventListener可以多次绑定同一个事件并且不会覆盖上一个事件。

    2020-02-14 14:26:08
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载