day51—JavaScript綁定事件
阿新 • • 發佈:2018-05-06
div rowspan list borde remove 需要 ie瀏覽器 dev 學習
轉換學開發,代碼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>
day51—JavaScript綁定事件