vue页面文本禁止复制

Posted 2022-10-26 仲夏の梦

 1.用js代码去控制

    created() 
      this.$nextTick(() => 
        // 禁用右键
        document.oncontextmenu = new Function("event.returnValue=false")
        // 禁用选择
        document.onselectstart = new Function("event.returnValue=false")
      )
    

2.用css样式去控制

<div class="boxText">这里是要控制的文本</div>

.boxText 
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;