<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js的部分兼容写法</title>
</head>
<body>
<script>
//滚动条移动的距离(可视区域到页面顶部的距离)
scrollTop = document.documentElement.scrollTop ||document.body.scrollTop;
//scrollLeft同上
//上一个节
var oPrevious = oUl.previousElementSibling || oUl.previousSibling;
//下一个节点
var oNext = oUl.nextElementSibling ||oUl.nextSibling;
//获取事件及对象目标
var evt = e || window.event;
var _target = evt.target || evt.srcElement;
//阻止事件冒泡
if(evt.stopPropagation){
evt.stopPropagation();
}else{
evt.cancelBubble==true;
}
//阻止浏览器的默认行为
function stopDefault(e){
var evt = e || window.event;
if(evt.preventDefault){
evt.preventDefault();
}else if(evt.returnValue){
evt.returnValue=false;
}else{
return false;
}
}
//添加事件
//domobj例如btn哦,eventType例如onclick,fn函数名
function addEvent(DOMobj,eventType,fn){
if(DOMobj.addEventListener){
DOMobj.addEventListener(eventType,fnName,false)
}else{
DOMobj.attachEvent("on"+eventType,fn);//兼容
}
}
//移除事件
function removeEvent(DOMobj,eventType,fn){
if(DOMobj.removeEventListener){
DOMobj.removeEventListener(eventType,fnName,false)
}else{
DOMobj.detachEvent("on"+eventType,fn);//兼容
}
}
</script>
</body>
</html>