网页中禁止文字复制

最新推荐文章于 2024-12-03 16:18:50 发布

weixin_33719619

最新推荐文章于 2024-12-03 16:18:50 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/renyunbo/p/5550994.html

本文介绍了如何使用CSS类来替代HTML元素中的onselectstart属性，以达到禁止特定元素内文字被鼠标选中的效果，特别针对Firefox和IE浏览器进行了详细说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

}

转载于:https://www.cnblogs.com/renyunbo/p/5550994.html