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

字號:


    在前面一篇文章寫了dom和ie下javascript事件處理函數(shù)/監(jiān)聽函數(shù),本篇文章是對ie和dom兩種處理監(jiān)聽函數(shù)的綜合,跨平臺添加刪除事件函數(shù)
    在講跨平臺前首先要了解一個對象.就是object實例化出來的對象,其實以前object很少看到,在這里說明一下:在創(chuàng)建可用在一個任務(wù)中的多個函數(shù)時,最好創(chuàng)建一個管理函數(shù)的對象.這就是object實例化后的對象.實例化后講所有的函數(shù)定義到該容器內(nèi).
    舉例:原載于:forasp.cn
    var foraspcn = new object;
    foraspcn.show = function{alert(測試);}
    這樣show這個函數(shù)就在foraspcn里面了.
    在ie和dom中添加和刪除事件處理函數(shù)不同,所以要綜合寫一個跨平臺的添加刪除事件函數(shù)
    添加事件處理函數(shù):ie中用attachevent()來分配事件處理函數(shù),在dom中用addeventhandler().我們命名跨平臺的事件處理函數(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表示對象,action_type表示添加的事件類型的名字(如click),不是事件動作(如onclick),action_function表示動作函數(shù)
    實例:原載于:forasp.cn
    <div id=forasp_cn>點擊試試</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(點擊了);}
    </script>
    刪除事件處理函數(shù):ie用detachevent()方法,dom用removeeventhandler(),我們命名跨平臺的事件處理函數(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;
    }
    }
    使用跟上面的例子一樣,在此就不舉例了.