JS各种兼容性写法

1.阻止冒泡

 oBtn.onclick = function (e) {
            var evt = e || event;
            //evt.stopPropagation(); //现代浏览器
            //evt.cancelBubble = true; //现代浏览器和IE低版本都支持
            if (evt.stopPropagation) {
                evt.stopPropagation();
            } else {
                evt.cancelBubble = true;
            }
        }

2.竖直方向滚动条滚动的距离

var st = document.documentElement.scrollTop || document.body.scrollTop;

3.获得CSS属性值的兼容性写法

function getStyle(domobj, styleName) {
            if (window.getComputedStyle) {
                return getComputedStyle(domobj, null)[styleName];
            }
            return (domobj.currentStyle[styleName]);
        }

4.事件对象

oDiv.onclick = function (e) {
            // console.log(e); 现代浏览器
            //var evt = e || window.event;
            var evt = e || event; //兼容性的写法
        }

5.阻止默认行为

oA.onclick = function (e) {
            console.log("A");
            var evt = e || event;
            evt.preventDefault(); //现代浏览器 
            evt.returnValue = false; //IE低版本
            /* if (evt.preventDefault) {
                evt.preventDefault();
            } else {
                evt.returnValue = false;
            } */
            //return false; //常见的阻止默认行为方式，不存在兼容性 ,放到事件处理函数的最后面，避免影响其他代码的执行
        }

6.创建事件监听器

 function addEvent(obj,nam,fn) {
            if (obj.addEventListener) {
                obj.addEventListener(num, fn);
            } else {
                obj.attachEvent("on"+nam, fn);
            }
        }

7.移除事件监听器

function removeEvent(obj,nam,fn) {
            if (obj.removeEventListener) {
                obj.removeEventListener(nam,fn);
            } else {
                obj.detachEvent("on"+nam,fn)
            }
        }