JavaScript读取修改各个浏览器的私有CSS属性

各个浏览器都有私有CSS属性 比如用的最多的一些有-moz-border-radius,-webkit-box-shadow,-o-transform,-ms-filter 依次是Gecko(Firefox),Webkit(Chrome,Safari),Presto(Opera),Trident(IE)能够使用的私有属性。
不能直接使用私有属性的全称去访问这些属性,否则会引起Javascript的语法错误
书写规则是这样的

私有属性 Javascript访问名
-moz-border-radius  MozBorderRadius
 -moz-user-select MozUserSelect
-webkit-box-shadow  WebkitBoxShadow/webkitBoxShadow
-o-transform  OTransform
-ms-filte  filter

总结起来就是 除了IE 遇到短斜线转为大写即可
比如Demon这个editplus在线注册的页面不能复制和选择,给注册码的读写带来了很大的麻烦,如果你使用IE和Chrome/Opera,只要在地址栏复制下面的代码,回车执行即可

[javascript]javascript:document.oncontextmenu = '';document.onselectstart = ''; document.body.style.MozUserSelect = 'text'; document.body.style.WebkitUserSelect = 'text'; alert("unlocked!")[/javascript]

提示unlocked 就去除了限制。

Firefox6以上可以使用Scratchpad(Shift+F4)粘贴此代码后Ctrl+R执行也能实现(什么? 你会用firebug?当我没说~)
如果使用Chrome或者其他WebKit内核的浏览器以及Opera,双击生成的SN按住Ctrl+C也能实现复制。

参考:http://www.w3help.org/zh-cn/causes/BX2050


Username:



Regcode:

Author Info :
  • From:JavaScript读取修改各个浏览器的私有CSS属性
  • URL:https://blog.ihipop.com/2011/10/2815.html
  • Please Reserve This Link,Thanks!
  • 发表回复

    您的电子邮箱地址不会被公开。 必填项已用 * 标注