h5页面禁止复制
时间: 2023-07-29 21:05:55 浏览: 228
H5基于clipboard.js点击复制
要禁止h5页面的复制,可以通过以下几种方式实现:
1. 使用CSS样式禁止文本选择和拷贝:
```
-webkit-user-select: none; /* Chrome/Safari/Opera */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */
```
2. 使用JavaScript禁止鼠标右键菜单和复制:
```
document.addEventListener('contextmenu', event => event.preventDefault());
document.addEventListener('copy', event => event.preventDefault());
```
3. 使用禁止复制插件,如NoCopy插件,在页面中引入该插件即可实现禁止复制的功能。
需要注意的是,以上方式均可以被绕过,因此不是绝对安全的保护措施。
阅读全文