vue页面文本禁止复制

Posted 仲夏の梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue页面文本禁止复制相关的知识,希望对你有一定的参考价值。

 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;

以上是关于vue页面文本禁止复制的主要内容,如果未能解决你的问题,请参考以下文章

vue实现浏览器禁止复制禁用F12禁用右侧菜单

vue实现浏览器禁止复制禁用F12禁用右侧菜单

vue禁止浏览器F5进行刷新和监听浏览器刷新事件

VUE-004-禁止修改页面显示项,设置el-input,textarea只读方法

禁止H5长按复制div 中的文本

vue中禁止页面发生滚动