常见的pc端的兼容问题总结

时间 2019-11-10

标签常见的端的兼容问题总结繁體版

原文原文链接

js中常见的兼容问题

1.元素划过的距离：滚动距离css

document.body.scrollTop    //在谷歌浏览器下
document.documentElement.scrollTop        //在非谷歌浏览器下
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop        //兼容写法

2.js获取非行内样式浏览器

obj.currentStyle()        //在ie下
window.getComputedStyle(obj,null)       //非ie下

3.取消冒泡事件code

//ev.cancelBubble是ie取消冒泡事件  ev.stopProgation是w3c取消冒泡事件
ev.stopPropagation ? ev.stopPropagation() : ev.cancelBubble = true

4.获取event对象的方法对象

var ev = event || ev

4.获取target方法事件

var target = ev.target || ev.srcElement

5.经过class获取元素ci

if (!document.getElementsByClassName) {        //在Ie8以及如下的浏览器中不可使用
    document.getElementsByClassName = function () {        //手动建立
        var arr = [];
        var all = document.getElementsByTagName('*');
        for (var i = 0; i < all.length; i++) {
            if (all[i].className.indexOf(classname + "") != -1) {
                arr.push(all[i])
            }
        }
    }
    return arr;
}

6.键盘码的获取get

ev.keyCode || ev.which        //ie8以及如下的浏览器不支持ev.keyCode

7.阻止浏览器的默认事件it

e.preventDefault ? e.preventDefault() : e.returnValue = false

8.事件监听：io

obj.addEventListener('click', function() {}, true)        //非ie浏览器
obj.attachEvent('onclick', function() {})        //    ie浏览器

css中常见的兼容问题

1.透明度问题event

opacity:0-1        //标准浏览器
filter: alpha(opacity= 0-100)        //ie8以及如下私有

待续。。。