防止网页复制或复制优化

JS 方式禁止复制

oncontextmenu

• 用户右击鼠标时触发并打开上下文菜单

onselectstart

• 选中开始回调

解决办法：

document.getElementsByTagName("body")[0].oncontextmenu = function () {
  window.event.returnValue = false;
};
document.getElementsByTagName("body")[0].onselectstart = function () {
  window.event.returnValue = false;
};

• true 表示能右击 和 选中
• false 表示不能 右击 和 选中

CSS 方式禁止复制

• user-select 控制用户能否选中文本
  • none 禁止复制
  • all 单击后全选内容

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

参见

• MDN user-select
• 网页防止内容复制奇遇记