实现网页实现禁止标签右键、复制、粘贴功能

github地址

网页实现禁止标签右键、复制、粘贴功能

实现方法： user-select:none;

属性说明：user-select: none|auto|text|contain|all

none： 禁止用户选中。
auto： 文本将根据浏览器的默认属性进行选择。

摘自MDN

• 在 ::before 和 ::after 伪元素上，计算属性是 none
• 如果元素是可编辑元素，则计算值是 contain
• 否则，如果此元素的父元素的 user-select 的计算值为 all, 计算值则为 all
• 否则，如果此元素的父级上的 user-select 的计算值为 none, 计算值则为 none
• 否则，计算值则为 text

text： 用户可以选择文本 。
all： 在一个HTML编辑器中，当双击子元素或者上下文时，那么包含该子元素的最顶层元素也会被选中。
contain： 允许选择在元素内开始; 但是，选择将包含在该元素的边界内。 仅在Internet Explorer中受支持。

兼容性处理

{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

demo