码迷,mamicode.com
首页 > 编程语言 > 详细

编写高质量代码—javascript的分层—base层

时间:2017-10-03 18:34:35      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:技术   attach   comm   function   size   script   common   node   btn   

base层的功能是为common层和page层提供接口。封装不同浏览器下javaScript的差异,提供统一的接口

1.用getNextNode 函数封装IE和Firefox的差异:

技术分享

 

2.透明度:封装setOpacity函数

技术分享

 

3.event对象:封装getEventTarget

技术分享

在IE下,event对象作为window的属性作用于全局作用域,而在firefox中,event对象是作为事件的参数存在的

btn.onclick=function(e){

var node=getEventTarget(e);

alert(node.tagName);

}

 

4.冒泡:封装stopPropagation函数

技术分享

btn.onclick=function(e)

{

stopPropagation(e);

}

 

5.on、attachEvent和addEventListener

技术分享

attachEvent是IE支持的方法,而addEventListener是Firefox支持的方法。

attachEvent和addEventListener方法支持监听处理函数的叠加,而不是覆盖。

 var btn=document.getElementById("btn");

on(btn,"click",function(){

  alert(1):

})

编写高质量代码—javascript的分层—base层

标签:技术   attach   comm   function   size   script   common   node   btn   

原文地址:http://www.cnblogs.com/15fj/p/7624045.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!