day51—JavaScript綁定事件

標籤：back   chrome   順序   ntb   strong   dde   var   添加   執行   

轉換學開發，代碼100天——2018-05-06

今天學習JavaScript的綁定事件。因為瀏覽器的原因綁定事件需要考慮相容性問題。

attachEvent	IE瀏覽器 ，ie9以上事件執行順序與綁定順序相同；ie9以下事件執行順序與綁定順序相反	btn.attachEvent("onclick",function(){    alert("a"); });
detachEvent		btn.detachEvernt("onclick",function(){    alert("a"); });
addEventListener	FF及chrome瀏覽器	btn.addEventListener("click",function(){      alert("a"); });
removeEventListener		btn.renoveEventListener("onclick",function(){    alert("a"); });

 

 

 

 

 

 

 

 

 

 

 

如對一個按鈕添加多個事件：

<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綁定事件