/*
*1.卷去高度
*/
//ie
var scrollTop = document.documentElement.scrollTop ; //有没有文档声明都可以
var scrollTop = document.body.scrollTop ; //有文档声明
//chrome
var scrollTop = document.documentElement.scrollTop ; //有文档声明
var scrollTop = document.body.scrollTop ; //没文档声明
/**
2.获取非行内样式
*/
//ie
var color = boxEle.currentStyle.color ; //获取的是rgb
//chrome
var width = getComputedStyle(boxEle,null)[‘width’] ; //null可以写伪类选择器获取伪类的样式
//兼容性函数
function getStyle(ele,styleName){
if( window.getComputedStyle ){
return getComputedStyle(ele,null)[styleName]
} else {
return ele.currentStyle[styleName] ;
}
}
/**
3.键盘ASCII码keyCode的兼容性
即将弃用
*/
var keyCode = event.keyCode || event.which ;
//前面是chrome ,后面是ie8及以下
/**
4.事件event的兼容性
*/
var e = event || window.event ;
//前面是chrome,后面是ie8及以下
/**
5.事件监听
*/
//ie
boxEle.attachEvent(“onclick”,function(){
});
//chrome
boxEle.addEventListener(“click”,function(){
});
//兼容性处理函数
function bindEvent(ele,eventName,fn){
if ( window.addEventListener ){
return ele.addEventListener(eventName,fn);
} else {
return ele.attachEvent(“on”+eventName,fn);
}
}
/**
6.目标元素/靶元素
事件委托
*/
var target = e.target || e.srcElement ;
//前面是chrome ,后面是ie8及以下
/**
7.阻止默认事件
*/
e.preventDefault(); //chrome
e.returnValue = false ; //ie8及以下
————————————————
版权声明:本文为CSDN博主「のdestiny」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_42012745/article/details/121731148