如何设置页面文本不可复制?

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();
}

 

posted @ 2021-05-17 11:00  我和我的小生活  阅读(246)  评论(0编辑  收藏  举报