1. 程式人生 > >HTML多事件繫結(解決相容性問題)

HTML多事件繫結(解決相容性問題)

/*

*obj :事件源物件

*eventStr:事件字串

*callback:事件觸發時執行的函式

*/

function bind(obj,eventStr,callback){
                    if(obj.addEventListener){
                        obj.addEventListener(eventStr, callback, false);//大多數主流瀏覽器支援
                    }else{
                        obj.attachEvent("on"+eventStr, function(){//IE8及以下支援
                            callback.call(obj); 
                        });
                    }
                }

 

//eg:

var btn = document.getElementById("btn");

bind(btn ,"click" ,function(){
                    alert("討厭");
                });