手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

老技巧:页面不允许被选择、被复制

首页 > Javascript >

 也不知道怎么分类,就放在js分类下了。

有时候,为了防止一小部分人喜欢手工CP,于是可以通过一些简单的办法让他们无法选择网页上的内容,也就变相的无法复制了。
偷懒的方法就是直接改CSS:
CSS代码
  1. * {  
  2.    /* moz-user-select: -moz-none; */  
  3.    -moz-user-select: none;  
  4.    -o-user-select: none;  
  5.    -khtml-user-select: none;  
  6.    -webkit-user-select: none;  
  7.    -ms-user-select: none;  
  8.    user-select: none;  
  9. }  
稍复杂一点。在body里加入:<body οncοntextmenu="return false;" onselectstart="return false">
嗯。用JS的话:
JavaScript代码
  1. document.οncοntextmenu=function(){return false;};   
  2. document.onselectstart=function(){return false;};  
简单粗暴,却能解决大部分的问题。但作为一个技术勃客,我还是不屑这么做,但确确实实有部分网站需要这样处理。但仍然是属于防君子不防小人


 



本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

« 上一篇 | 下一篇 »

发表评论

评论内容 (必填):