首页 > 其他 > 详细

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

时间:2021-05-17 13:23:01      阅读:22      评论:0      收藏:0      [点我收藏+]

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

 

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

原文:https://www.cnblogs.com/mmit/p/14776153.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!