标签:back chrome 顺序 ntb strong dde var 添加 执行
转换学开发,代码100天——2018-05-06
今天学习JavaScript的绑定事件。因为浏览器的原因绑定事件需要考虑兼容性问题。
attachEvent | IE浏览器 ,ie9以上事件执行顺序与绑定顺序相同;ie9以下事件执行顺序与绑定顺序相反 |
btn.attachEvent("onclick",function(){ |
detachEvent |
btn.detachEvernt("onclick",function(){ |
|
addEventListener | FF及chrome浏览器 |
btn.addEventListener("click",function(){ |
removeEventListener |
btn.renoveEventListener("onclick",function(){ |
如对一个按钮添加多个事件:
<script type="text/javascript"> window.onload = function(){ var btn = document.getElementById("btn"); addMyEvent(btn,"click",function() { alert("a"); }); addMyEvent(btn,"click",function() { alert("b"); }); } function addMyEvent(obj,ev,fn){ if (obj.attachEvent) { obj.attachEvent("on"+ev,fn); } else{ obj.addEventListener(ev,fn); } } </script>
标签:back chrome 顺序 ntb strong dde var 添加 执行
原文地址:https://www.cnblogs.com/allencxw/p/8997758.html