JS自动添加适配浏览器样式前缀的方法

最新推荐文章于 2023-03-13 18:24:16 发布

原创最新推荐文章于 2023-03-13 18:24:16 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

27 篇文章

订阅专栏

浏览器兼容

1 篇文章

订阅专栏

本文介绍了一种JavaScript方法，用于自动为CSS属性添加浏览器前缀，以解决跨浏览器兼容性问题。适用于Vue项目中动态添加样式的情况。

const styleTest = document.createElement('div').style

const render = {
  webkit: 'webkitTransform',
  ms: 'msTransform',
  Moz: 'MozTransform',
  O: 'OTransform',
  standard: 'transform'
}

const getPrefix = (() => {
  for (let key in render) {
    if (styleTest[render[key]] !== undefined) {
      return key
    }
  }
})()

export default function stylePrefix (style) {
  if (getPrefix === 'standard') {
    return style
  }
  return getPrefix + style.charAt(0).toUpperCase() + style.substr(1)
}