返回列表 回复 发帖

[JavaScript] 获取当前浏览器支持的transform兼容写法

  1. // 获取当前浏览器支持的transform兼容写法
  2. function getTransform() {
  3.     var transform = '',
  4.         divStyle = document.createElement('div').style,
  5.         // 可能涉及到的几种兼容性写法,通过循环找出浏览器识别的那一个
  6.         transformArr = ['transform', 'webkitTransform', 'MozTransform', 'msTransform', 'OTransform'],

  7.         i = 0,
  8.         len = transformArr.length;

  9.     for(; i < len; i++)  {
  10.         if(transformArr[i] in divStyle) {
  11.             // 找到之后立即返回,结束函数
  12.             return transform = transformArr[i];
  13.         }
  14.     }

  15.     // 如果没有找到,就直接返回空字符串
  16.     return transform;
  17. }
复制代码
返回列表