关于css禁止文本复制属性-白红宇

关于css禁止文本复制属性

阅读量：5069 次

发布时间：2019-06-12

本文共 1567 字，大约阅读时间需要 5 分钟。

最近在做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

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>

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; οnresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</SCRIPT>

防止下载的js

等等

然而，这套框架用的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  2  3  4 
       5 user-select_示例 7 
       8 11 12 13 
      
       选择我试试，你会发现怎么也选择不到我，哈哈哈哈
      
14 15

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

你可能感兴趣的文章