关于css禁止文本复制属性
最近在做DHTMLX框架替换，新框架dhx的grid是不能选中内容复制的
虽然相对来说是安全些的，但是客户体验度一定会大打折扣
网页上禁止复制主要靠JavaScript来实现。
<BODY oncontextmenu="return false" onselectstart="return false"
ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=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.onmousedown=disableselect
document.onclick=reEnable
}
</SCRIPT>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
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; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</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>
