HTML 页面内容禁止选中

写一个小笔记,怎么禁止HTML页面不被选中,复制。

CSS:

*{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}

属性有三个属性值: 
1. none:用none,子元素所有的文字都不能选择,包括input输入框中的文字也不能选择。 
2. -moz-all:子元素所有的文字都可以被选择,但是input输入框中的文字不可以被选择。 
3. -moz-none:子元素所有的文字都不能选择,但是input输入框中的文字除外

通过body标签:

前面一句是禁止右键,后面一句是禁止复制。

<body oncontextmenu="return false;" onselectstart="return false">

通过JS实现:

<body   onselectstart="return   false;">
<table   onselectstart="return   false;">
</table>
</body>

猜你喜欢

转载自www.cnblogs.com/yoo104/p/10703267.html