在前面一篇文章写了Dom和IE下javascript事件处理函数/监听函数,本篇文章是对IE和Dom两种处理监听函数的综合,跨平台添加删除事件函数
在讲跨平台前首先要了解一个对象.就是Object实例化出来的对象,其实以前Object很少看到,在这里说明一下:在创建可用在一个任务中的多个函数时,最好创建一个管理函数的对象.这就是Object实例化后的对象.实例化后讲所有的函数定义到该容器内.
举例:原载于:ｆｏｒａｓｐ．ｃｎ
var foraspcn = new Object;
foraspcn.show = function{alert("测试");}
这样show这个函数就在foraspcn里面了.
在IE和Dom中添加和删除事件处理函数不同,所以要综合写一个跨平台的添加删除事件函数
添加事件处理函数:IE中用attachEvent()来分配事件处理函数,在Dom中用addEventHandler().我们命名跨平台的事件处理函数名为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表示动作函数
实例:原载于:ｆｏｒａｓｐ．ｃｎ
<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>
删除事件处理函数:IE用detachEvent()方法,Dom用removeEventHandler(),我们命名跨平台的事件处理函数为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技术专栏
