码迷,mamicode.com
首页 > Web开发 > 详细

网页中禁止文字复制

时间:2016-06-01 21:07:53      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:

禁止鼠标选中文字 用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 ;

}

网页中禁止文字复制

标签:

原文地址:http://www.cnblogs.com/renyunbo/p/5550994.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!