开启辅助访问
帐号登录 |立即注册

JS事件绑定(addEventListener)和普通事件(onclick)有什么区别

 
普通事件(onclick)

普通事件就是直接触发事件,同一时间只能指向唯一对象,所以会被覆盖掉。代码如下:
[JavaScript] 纯文本查看 复制代码
var btn = document.getElementById("btn");
btn.onclick = function(){undefined
        alert("你好111");
}
btn.onclick = function(){undefined
        alert("你好222");
}

只运行你好222

事件绑定(addEventListener)

事件绑定就是对于一个可以绑定的事件对象,进行多次绑定事件都能运行。代码如下:
[JavaScript] 纯文本查看 复制代码
var btn = document.getElementById("btn");
btn.addEventListener("click",function(){undefined
        alert("你好111");
},false);
btn.addEventListener("click",function(){undefined
        alert("你好222");
},false);

运行结果会依次弹出你好111,你好222的弹出框。

onclick属性不适用以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。


回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。