css:
user-select: none;
user-select不是一个W3C的标准,浏览器的支持不完整,需要对不同的浏览器进行调整
body{
-moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;
}
或使用 JS 如下,监听 selectstart
事件,禁止选中。
当用户选中一片区域时,将触发 selectstart
事件,Selection API 将会选中一片区域。禁止选中区域即可实现页面文本不可复制。
document.body.onselectstart = e => {
e.preventDefault();
}
document.body.oncopy = e => {
e.preventDefault();
}