如何实现⻚⾯⽂本不可复制

有 CSS 和 JS 两种⽅法，以下任选其⼀或结合使⽤

使⽤ CSS 如下：

1
user-select: none;

或使⽤ JS 如下，监听 selectstart 事件，禁⽌选中。

当⽤户选中⼀⽚区域时，将触发 selectstart 事件，Selection API 将会选中⼀⽚区域。禁⽌选中区域

即可实现⻚⾯⽂本不可复制。

1
2
3
4
5
6
document.body.onselectstart = (e) => {
e.preventDefault();
};
document.body.oncopy = (e) => {
e.preventDefault();
};