普通事件(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>。
|