Js获取当前浏览器支持的transform兼容写法

Posted 2020-10-14 zhaobao1830

// 获取当前浏览器支持的transform兼容写法

function getTransfrom() {
   var transform = ‘‘,
   // document.createElement() 创建元素节点，
   divStyle = document.createElement(‘div‘).style,  // 返回的是一组object对象，里面包含了transform
   // 可能涉及到的几种兼容性写法，通过循环，找出浏览器识别的那个
  // 依次为： 全部、Safari 和 Chrome、firefox、ie9、opera
   transformArr  = [‘transfrom‘,‘webkitTransform‘,‘MozTransform‘,‘msTransform‘,‘OTransform‘];
    for(var i = 0; i  <  transformArr.length; i++) {
        if (transformArr[i] in divStyle)  {
            // 找到以后立刻返回，结束函数
            return transform  = transformArr[i];
        }
    } 
    // 如果没有找到，就直接返回空字符串
}

 该方法用于获取浏览器支持的transform属性。如果返回的为空字符串，则表示当前浏览器并不支持transform