1. 程式人生 > >day51—JavaScript綁定事件

day51—JavaScript綁定事件

div rowspan list borde remove 需要 ie瀏覽器 dev 學習

轉換學開發,代碼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綁定事件