关于css禁止文本复制属性

最新推荐文章于 2023-10-12 10:25:44 发布

weixin_30780649

最新推荐文章于 2023-10-12 10:25:44 发布

阅读量166

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/banlideli/p/6728145.html

版权

最近在做DHTMLX框架替换，新框架dhx的grid是不能选中内容复制的

虽然相对来说是安全些的，但是客户体验度一定会大打折扣

网页上禁止复制主要靠JavaScript来实现。

<BODY οncοntextmenu="return false" onselectstart="return false"
οndragstart="return false" onbeforecopy="return false" οncοpy=document.selection.empty() οnselect=document.selection.empty()>

防止复制的js

<SCRIPT language=JavaScript1.2>
function disableselect(e){
return false}
function reEnable(){return true
}
file://if IE4+
document.onselectstart=new Function ("return false")
file://if NS6
if (window.sidebar){
document.οnmοusedοwn=disableselect
document.οnclick=reEnable
}
</SCRIPT>
<SCRIPT language=JavaScript type=text/JavaScript>

</SCRIPT>

防止下载的js
<noscript><iframe src=""></iframe></noscript>

等等

然而，这套框架用的css属性来禁止的

代码如下：

-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
user-select: none;

语法：

user-select：none | text | all | element

默认值：text

适用于：除替换元素外的所有元素

继承性：无

动画性：否

计算值：指定值

取值：

none：文本不能被选择 text：可以选择文本 all：当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。 element：可以选择文本，但选择范围受元素边界的约束

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8" />
 5 <title>user-select_示例</title>
 7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 8 <style>
 9 .test{padding:10px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;background:#eee;}
10 </style>
11 </head>
12 <body>
13 <div class="test" onselectstart="return false;" unselectable="on">选择我试试，你会发现怎么也选择不到我，哈哈哈哈</div>
14 </body>
15 </html>

转载于:https://www.cnblogs.com/banlideli/p/6728145.html

weixin_30780649

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
关于css禁止文本复制属性

最近在做DHTMLX框架替换，新框架dhx的grid是不能选中内容复制的虽然相对来说是安全些的，但是客户体验度一定会大打折扣网页上禁止复制主要靠JavaScript来实现。<BODY oncontextmenu="return false" onselectstart="return false"ondragstart="return false" onbeforecopy="re...
复制链接

扫一扫