网页中禁止文字复制
Posted renyunbo
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页中禁止文字复制相关的知识，希望对你有一定的参考价值。
禁止鼠标选中文字 用js可以在页面中写 onselectstart="return false" 比如说 <div style="width:200px;height:200px;" onselectstart="return false">这里面的文字是不能被鼠标选中的</div> 现在我的问题是 要把 onselectstart="return false" 写进class中，怎样实现呢？ 我不想要在页面中有那么多的 onselectstart="return false" ，所以想写进class中。 谢谢
问题补充：
css中没有类似的定义么？ 满篇都是同样的onselectstart="return false"代码 太乱了。。。 我试试先，ff不能支持么? 囧 为什么每次都要牺牲掉它
答案：
firefox 实现就更简单了 <style type="text/css"> .aa{-moz-user-select:none;} </style> <div class="aa"></div> --------------------------------- ..你直接在 <body onselectstart="return false"> 这里加的话， 整个页面都不能复制文字了吧。。 如果是针对IE浏览器的话 ，CSS 应该可以这样写,代码如下 <style type="text/css"> .aa{gn:expression_r(this.onselectstart=function(){return false;})} </style> <div class="aa"> aaaaaaaaaaaa </div>
PS:
最近的工作中，接触JS的比较多，碰到个文本框不能拖动选择的问题
发现原来是增加了一个函数
document.onselectstart = function(event) {return false};
那么页面上的所有的选择事件将失效。
譬如我们可以指定哪些是不能选定的
document.onselectstart= function(event){return test()};
function test(){
var the = event.srcElement ;
if( !( ( the.tagName== "INPUT" && the.type.toLowerCase() == "text" ) || the.tagName== "TEXTAREA" ) )
{
return false;
}
return true ;
}
发现原来是增加了一个函数
document.onselectstart = function(event) {return false};
那么页面上的所有的选择事件将失效。
譬如我们可以指定哪些是不能选定的
document.onselectstart= function(event){return test()};
function test(){
var the = event.srcElement ;
if( !( ( the.tagName== "INPUT" && the.type.toLowerCase() == "text" ) || the.tagName== "TEXTAREA" ) )
{
return false;
}
return true ;
}
以上是关于网页中禁止文字复制的主要内容，如果未能解决你的问题，请参考以下文章