用user-selection实现让页面上的内容不能被选中
2015-12-20 16:41
169 查看
最开始发现这个功能是在陌小雨的博客中,然后自己百度发现用的是user-selection功能,之前网上有很多关于禁止右键,禁止复制,禁止粘 贴,禁止剪切等都弱爆了。这个功能正好使用到我的网站上啊,(你如果现在选中一下我网站的文字你会发现不能选中,但是下面代码确实可以选中的,这就是我设 置后的效果。)虽然使用了这个功能之后”用户体验“可能会差一点,但是对于SEO确实极好的,这样禁止了别人复制我的文章,别人只能在我的网站上来看这个 东西,所以对于SEO是有好处的。但是其实查看源代码还是可以复制我文章的内容,只不过源代码中多了很多的其他HTML标签,显得很乱,不过这个 user-selection功能用来装逼也是极好的。使用方法就是把这个功能加入到指定的class中或id中,比如我是加入到我文章页 single.php中,就是说只让我的文章内容不能被选中,但是标题,等不属于文章页的都可以被选中和复制,但是又有一个问题了,就是我文章中有一些代 码是想要让访问者复制的,这个怎么办呢?当然还是想到了CSS的优先级了,我单独给我的代码加上user-selection可以被选中的内联样式就可以 了
加入的时候像下面这样加,是为了浏览器的兼容性:
加入的时候像下面这样加,是为了浏览器的兼容性:
/*下面的body可以改成任意的id或class*/ body{ -webkit-user-select:none;/*谷歌浏览器和Safari浏览器*/ -moz-user-select:none;/*火狐浏览器*/ -ms-user-select:none;/*部分IE浏览器*/ user-select:none; }
相关文章推荐
- Text
- pat 1107. Social Clusters (30)
- viewpage:The specified child already has a parent. " + "You must call removeView() on the child's pa
- 工具站点
- 基于Theano的深度学习(Deep Learning)框架Keras学习随笔-01-FAQ
- stl_10 : 算法
- 由匿名函数引发的‘血案’
- HTML 5 Audio Video中怎样来插入音频和视频?
- 部署和调优 2.4 tomcat安装
- 【遇到的问题】想写一个通用的adapter,样式一样但是数据源是不同的,怎么做
- 百度换肤技术
- 测量宽高祖传代码
- <LeetCode OJ> 231 / 342 Power of (Two / Four)
- 大数据仓库-增量更新
- Gradle 快速入门
- 使用Spring配置实现bean工厂
- pb9在64位系统下提示:error opening DLL library pbws32.dll for external function
- 如何用API从应用程序到资源管理器拖放文件??????
- tyvj P1431 [Tyvj Jan]分配任务(最大流)
- 本文介绍Android中Intent的各种常见作用