跨平臺(tái)添加刪除事件函數(shù)

    在前面一篇文章寫了Dom和IE下javascript事件處理函數(shù)/監(jiān)聽函數(shù),本篇文章是對(duì)IE和Dom兩種處理監(jiān)聽函數(shù)的綜合,跨平臺(tái)添加刪除事件函數(shù)
    在講跨平臺(tái)前首先要了解一個(gè)對(duì)象.就是Object實(shí)例化出來的對(duì)象,其實(shí)以前Object很少看到,在這里說明一下:在創(chuàng)建可用在一個(gè)任務(wù)中的多個(gè)函數(shù)時(shí),最好創(chuàng)建一個(gè)管理函數(shù)的對(duì)象.這就是Object實(shí)例化后的對(duì)象.實(shí)例化后講所有的函數(shù)定義到該容器內(nèi).
    舉例:原載于:ｆｏｒａｓｐ．ｃｎ
    var foraspcn = new Object;
    foraspcn.show = function{alert("測(cè)試");}
    這樣show這個(gè)函數(shù)就在foraspcn里面了.
    在IE和Dom中添加和刪除事件處理函數(shù)不同,所以要綜合寫一個(gè)跨平臺(tái)的添加刪除事件函數(shù)
    添加事件處理函數(shù):IE中用attachEvent()來分配事件處理函數(shù),在Dom中用addEventHandler().我們命名跨平臺(tái)的事件處理函數(shù)名為add_action()
    foraspcn.add_action = function(obj,action_type,action_function)
    {
    if(obj.addEventListener)
    {
    obj.addEventListener(action_type,action_function,false) ;
    }
    else if(obj.attachEvent)
    {
    obj.attachEvent("on"+action_type,action_function);
    }
    else
    {
    obj["on"+action_type]= action_function;
    }
    }
    //解釋一下,obj表示對(duì)象,action_type表示添加的事件類型的名字(如click),不是事件動(dòng)作(如onclick),action_function表示動(dòng)作函數(shù)
    實(shí)例:原載于:ｆｏｒａｓｐ．ｃｎ
    <div id="forasp_cn">點(diǎn)擊試試</div>
    <script language="javascript">
    var forasp_cn_obj = document.getElementById("forasp_cn");
    foraspcn.add_action(forasp_cn_obj,"click",show_click);
    function show_click()
    {alert("點(diǎn)擊了");}
    </script>
    刪除事件處理函數(shù):IE用detachEvent()方法,Dom用removeEventHandler(),我們命名跨平臺(tái)的事件處理函數(shù)為del_action();
    foraspcn.del_action = function(obj,action_type,action_function)
    {
    if(obj.removeEventListener)
    {
    obj.removeEventListener(action_type,action_function,false) ;
    }
    else if(obj.detachEvent)
    {
    obj.detachEvent("on"+action_type,action_function);
    }
    else
    {
    obj["on"+action_type]= null;
    }
    }
    使用跟上面的例子一樣,在此就不舉例了.