经验总结 JavaScript DOM添加事件的实现
创始人
2024-07-15 03:31:40
0

 你对JavaScript DOM添加事件的行为是否熟悉,这里向大家简单介绍一下,这是我在给库中添加事件的时候写的JavaScript DOM添加事件的方法!这个方法是实现了跨浏览器之间的方法!

JavaScript DOM添加事件

这是我在给库中添加事件的时候写的JavaScript DOM添加事件的方法!这个方法是实现了跨浏览器之间的方法!

因为对于支持DOM的浏览器来说,添加事件是用addEventListener()方法来给对象添加事件!而对于MSIE来说则是用attachEvent()来给对象添加事件!这就使得我们必须用一个容器来装载这两个不同浏览器上对事件的处理方式!这样我们就可以直接调用addEvent()方法来给对象添加事件了!

让我们来看看吧! 

  1. /**  
  2. *注册一个监听事件到元素  
  3. *@param{Object}node所要添加事件的对象  
  4. *@param{Object}type事件类型  
  5. *@param{Object}listener事件方法  
  6. */  
  7. functionaddEvent(node,type,listener){  
  8. //使用前面的方法检查兼容性以保证平稳退化  
  9. if(!(node=$(node)))returnfalse;  
  10.  
  11. if(node.attachEvent){//这是针对IE的方法  
  12. node['e'+type+listener]=listener;  
  13. node[type+listener]=function(){node['e'+type+listener](window.event);}  
  14. node.attachEvent('on'+type,node[type+listener]);  
  15. returntrue;  
  16. }elseif(node.addEventListener){  
  17. //这是针对支持DOM的浏览器的方法  
  18. node.addEventListener(type,listener,false);  
  19. returntrue;  
  20. }  
  21. //若两种方法都不具备则返回false;  
  22. returnfalse;  
  23. };  
  24. window['liujingning']['addEvent']=addEvent;  
  25.  

 使用方法:

比如我们要给页面的onload()上添加事件,我们就可以这样写: 

  1. liujingning.addEvent(window,'load',function(Event)  
  2. {//这里写你要写的代码} 

我们也可以给某个ID添加事件 

  1. vargetId=document.getElementById('aa');  
  2. liujingning.addEvent(getId,'load',function(Event)  
  3. {//这里写你要写的代码}  

【编辑推荐】

  1. JavaScript DOM特性与应用详解
  2. JavaScript和DOM轻松实现数据访问
  3. JavaScript获取HTML DOM节点元素详解
  4. 深入了解JavaScript HTML DOM对象
  5. 解析HTML DOM Checkbox对象的属性和方法

 

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...