09
2010
08

一段CSS控制文字禁止选择、复制代码惹得祸

CSS控制文字禁止选择、复制这样行吗?也许很多朋友不曾用过,当然我曾经也没有接触过这个玩意儿,总觉得这东西部够实在。网站做出来就是跟大家分享的,何必搞得像国家机密一样把版权搞得这么严重呢?而且很多时候像这些东西都是JS来控制的,基本可以搞定IE就不错了,想看你网页上的东西还是有很多办法的,这样的小CASE就防防菜鸟盗版罢了。

不过没办法,项目需要这些玩意儿,我们还得加上,再加上最近做银行的玩意儿,说起来算是需要安全性较好,这样的细节也得搭上。

废话说了一大篇,我们就来看看这段让我郁闷半个钟的CSS代码吧。这是一段可以控制网页上文字禁止选择和复制的CSS代码,兼容火狐和IE。听上去很牛X,看看代码

body{
 -moz-user-select:none;
 hutia:expression(this.onselectstart=function(){return(false)});
}

加上之后一切正常,且火狐“IE”都达到了文字禁止选择和复制的效果,IE打了个引号,那就是我使用的是IE7,而真正让人郁闷的问题是IE6,由于这段牛X的代码让IE6彻底崩溃,占领90%++的CPU

由于我一般是用CSS给页面布局好后不会没个动作测试浏览器兼容,再加上最近很少用原版JS,都用Jquery在做事,就没实时去测试IE6等浏览器兼容了,叫项目到服务器(IE6浏览器)后,测试,发现崩溃... 一时迷茫中,使浏览器占领CPU90%++,首先想到的是JS问题,猛检查,汗到底无果...... 郁闷许久后,不得不通过回忆想象写代码的过程和查看SourceSafe中的历史记录,最终发现这段邪恶的代码。

最后奉劝大家,用到新玩意儿还是先检测一下,再利用,不然会伤很多脑细胞,搞不好会被鄙视... 这段邪恶的CSS控制文字禁止选择、复制代码大家也别用了,老老实实用JS控制吧,虽然这样控制不了

« 上一篇下一篇 »

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。