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

在講跨平臺前首先要了解一個對象.就是Object實例化出來的對象,其實以前Object很少看到,在這里說明一下:在創(chuàng)建可用在一個任務中的多個函數(shù)時,最好創(chuàng)建一個管理函數(shù)的對象.這就是Object實例化后的對象.實例化后講所有的函數(shù)定義到該容器內(nèi).

舉例:原載于:ｆｏｒａｓｐ．ｃｎ

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ù)

實例:原載于:ｆｏｒａｓｐ．ｃｎ

<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;

}

}

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

更多信息請查看IT技術(shù)專欄