在前面一篇文章寫了dom和ie下javascript事件處理函數(shù)/監(jiān)聽(tīng)函數(shù),本篇文章是對(duì)ie和dom兩種處理監(jiān)聽(tīng)函數(shù)的綜合,跨平臺(tái)添加刪除事件函數(shù)

在講跨平臺(tái)前首先要了解一個(gè)對(duì)象.就是object實(shí)例化出來(lái)的對(duì)象,其實(shí)以前object很少看到,在這里說(shuō)明一下:在創(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()來(lái)分配事件處理函數(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;

}

}

使用跟上面的例子一樣,在此就不舉例了.