码迷,mamicode.com
首页 > Web开发 > 详细

JS中常见的兼容

时间:2019-09-21 11:07:41      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:obj   问题   dde   false   res   键盘   距离   滚动   查找   

1.阻止事件冒泡

  e.stopPropagation()   ||    e.cancelBubble

function stopBubble(e){
    if (e.cancelBubble) {
        e.cancelBubble = true;
    }else{
        e.stopPropagation();
    }
}

2.获取非行间样式

  getcomputedStyle()    参数1:当前对象      参数2:伪类选择器,通常不会使用,用false代替

  currentStyle()              语法:对象.current[attr]

function getStyle(obj,attr){    //获取非行间样式,obj是对象,attr是值
    if(obj.currentStyle){       //针对ie获取非行间样式       
        return obj.currentStyle[attr];
    }else{
        return getComputedStyle(obj,false)[attr];       //针对非ie
    }
}

3.获取className节点的元素

function elementsByClassName(node, className){
    var res = [];
    //查找node所有的子节点
    var nodes = node.getElementsByTagName("*");
    for(var i = 0; i < nodes.length; i++){
        if(nodes[i].className == className){
            res.push(nodes[i]);
        }
    }
    return res;
    
}

4.target事件属性

  var target = e.target || window.event.srcElement

5.事件中兼容性问题

  var e = event || window.event

6.scrollTop滚动条距离和clientWidth

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var windowWidth = document.documentElement.clientWidth || document.body.clientWidth;

 7.事件监听器

  非IE:    oDiv.addEventListener(‘click‘,fn,false);

      oDiv.removeEventListener r(‘click‘,fn,false);

  IE下: oDiv.attachEvent();  oDiv.detachEvent();

8.阻止默认事件

  e.preventDefault();

  window.event.returnValue = false;

    if(e.preventDefault){
        e.preventDefault();
    }else{
        window.event.returnValue = false;
    }
    return false;

9.键盘事件

  var eve = eve || window.event

  var keyC = eve.keyCode || eve.which

JS中常见的兼容

标签:obj   问题   dde   false   res   键盘   距离   滚动   查找   

原文地址:https://www.cnblogs.com/wu0379/p/11561554.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!