編寫高質量代碼—javascript的分層—base層
阿新 • • 發佈:2017-10-03
eight page alert span -1 bsp 方法 event 透明
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層