JavaScript Event学习补遗：addEventSimple

核心提示：这里有个addEventSimple和removeEventSimple函数，有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册，JavaScript Event学习补遗：addEventSimple，01functionaddEventSimple(obj,evt,fn){02if(obj.addEvent

这里有个addEventSimple和removeEventSimple函数，有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册。

01　function　addEventSimple(obj,evt,fn)　{
02　　　　　if　(obj.addEventListener)
03　　　　　　　　　obj.addEventListener(evt,fn,false);
04　　　　　else　if　(obj.attachEvent)
05　　　　　　　　　obj.attachEvent('on'+evt,fn);
06　}
07　　
08　function　removeEventSimple(obj,evt,fn)　{
09　　　　　if　(obj.removeEventListener)
10　　　　　　　　　obj.removeEventListener(evt,fn,false);
11　　　　　else　if　(obj.detachEvent)
12　　　　　　　　　obj.detachEvent('on'+evt,fn);
13　}

用法如下：

1　addEventSimple(element,'click',functionname);
2　addEventSimple(document,'load',functionname2);

现在如果元素element被点击的话就会触发functionaname，同样的document也有了onload的事件处理程序functionname2。

缺陷：this关键字在IE下面不是你想象的指向触发事件的元素，而是指向整个文档。

原文地址：http://www.quirksmode.org/js/eventSimple.html

文章出处：http://beiyu.cnblogs.com

编缉推荐阅读以下文章

• JavaScript Event学习第十一章：按键的检测
• JavaScript Event学习第十章：一些可替换的事件对
• JavaScript Event学习第九章：鼠标事件
• JavaScript Event学习第八章：事件的顺序
• JavaScript Event学习第七章：事件属性
• JavaScript Event学习第六章：事件的访问
• JavaScript Event学习第五章：高级事件注册模型
• JavaScript Event学习第四章：传统的事件注册模型
• JavaScript Event学习第三章：早期的事件处理程序
• JavaScript Event学习第二章：Event