天天看點

addEventListener() 方法相容所有浏覽器的寫法(事件監聽)

<script>
var x = document.getElementById("myBtn");
if (x.addEventListener) {                    // 所有主流浏覽器,除了 IE 8 及更早版本
    x.addEventListener("click", myFunction);
} else if (x.attachEvent) {                  // IE 8 及更早版本
    x.attachEvent("onclick", myFunction);
}
</script>      
/*
 * 參數:
 *     obj:要綁定事件的對象
 *     eventStr:事件(注意:這裡不要on)
 *      callback:回調函數
 */
function bind(obj , eventStr , callback){
    if(obj.addEventListener){
        //大部分浏覽器
        obj.addEventListener(eventStr , callback , false);
    }else{
        //IE8及以下
        obj.attachEvent("on"+eventStr , function(){
            //在匿名函數中調用回調函數
            callback.call(obj);
        });
    }
}      

繼續閱讀