js常见的兼容问题整理

//兼容性

// 1.关于浏览器的宽高问题：
var winW=document.body.clientWidth||document.docuemntElement.clientWidth;
var winH=document.body.clientHeight||document.docuemntElement.clientHeight;

//2.event事件问题
var e=evt||event

//3.DOM节点相关
function nextnode(obj){//获取下一个兄弟节点
        if (obj.nextElementSibling) {
            return obj.nextElementSibling;
        } else{
            return obj.nextSibling;
        };
    }
function prenode(obj){//获取上一个兄弟节点
	if (obj.previousElementSibling) {
		return obj.previousElementSibling;
	} else{
		return obj.previousSibling;
	};
}
function firstnode(obj){//获取第一个子节点
	if (obj.firstElementChild) {
		return obj.firstElementChild;//非IE678支持
	} else{
		return obj.firstChild;//IE678支持
	};
}
function lastnode(obj){//获取最后一个子节点
	if (obj.lastElementChild) {
		return obj.lastElementChild;//非IE678支持
	} else{
		return obj.lastChild;//IE678支持
	};
}

// 4.事件监听
 function addEvent(obj,type,fn){//添加事件监听，三个参数分别为 对象、事件类型、事件处理函数，默认为false
	if (obj.addEventListener) {
		obj.addEventListener(type,fn,false);//非IE
	} else{
		obj.attachEvent('on'+type,fn);//ie,这里已经加上on，传参的时候注意不要重复加了
	};
}
function removeEvent(obj,type,fn){//删除事件监听
	if (obj.removeEventListener) {
		obj.removeEventListener(type,fn,false);//非IE
	} else{
		obj.detachEvent('on'+type,fn);//ie，这里已经加上on，传参的时候注意不要重复加了
	};
}

//5、阻止冒泡
  e.stopPropagation ? e.stopPropagation():e.cancelBubble = true;//兼容写法
  
//6.阻止浏览器默认事件
e.preventDefault?e.preventDefault():e.returnValue = false;//兼容写法1
//return false;//兼容写法2

//7.事件委托
var target=e.target||e.srcElement;