成都网站建设设计

将想法与焦点和您一起共享

JavaScript中怎么利用DOM添加事件

这期内容当中小编将会给大家带来有关JavaScript中怎么利用DOM添加事件,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

目前累计服务客户1000+,积累了丰富的产品开发及服务经验。以网站设计水平和技术实力,树立企业形象,为客户提供成都网站制作、成都做网站、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。创新互联始终以务实、诚信为根本,不断创新和提高建站品质,通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合,为客户提供更好的一站式互联网解决方案,携手广大客户,共同发展进步。

JavaScript DOM添加事件

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

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

让我们来看看吧!

/**  *注册一个监听事件到元素  *@param{Object}node所要添加事件的对象  *@param{Object}type事件类型  *@param{Object}listener事件方法  */  functionaddEvent(node,type,listener){  //使用前面的方法检查兼容性以保证平稳退化  if(!(node=$(node)))returnfalse;   if(node.attachEvent){//这是针对IE的方法  node['e'+type+listener]=listener;  node[type+listener]=function(){node['e'+type+listener](window.event);}  node.attachEvent('on'+type,node[type+listener]);  returntrue;  }elseif(node.addEventListener){  //这是针对支持DOM的浏览器的方法  node.addEventListener(type,listener,false);  returntrue;  }  //若两种方法都不具备则返回false;  returnfalse;  };  window['liujingning']['addEvent']=addEvent;

使用方法:

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

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

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

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

上述就是小编为大家分享的JavaScript中怎么利用DOM添加事件了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


分享题目:JavaScript中怎么利用DOM添加事件
当前链接:http://chengdu.cdxwcx.cn/article/jdghei.html