阻止默认事件法

包括但不限于阻止copy事件，mouse事件（阻止选区产生），阻止key事件（阻止键盘操作）等等。

document.addEventListener('copy', e => {
    e.preventDefault()
})

CSS法

本质上就是用css让用户无法区选到对应的内容，从而不能产生复制。

.anti-copy {
    user-select: none;
    -webkit-user-select: none; 
    position: relative;
}
.anti-copy::after {
    content: "已启动防复制结界";
    position: absolute;
    right: -120px;
}

自定义渲染

内容选区等都进行自定义渲染，接管所有操作。

该例子通过svg绘制内容，区选的实际上是svg绘制出来的，并且接管了选区等绘制。