O lado vue-pc proíbe os usuários de selecionar copiar texto com o botão direito do mouse

prefácio

• Freqüentemente encontramos algumas páginas no desenvolvimento do lado do PC, e os efeitos de seleção de texto aparecerão devido à atualização, renderização e congelamento

• Ou algumas páginas confidenciais que não queremos que os usuários copiem, selecionem e enviem informações de texto na página, como exames, informações confidenciais

• Na verdade, estes também podem ser controlados por código, o que pode tornar o projeto mais seguro e razoável.

• Escrever o código na página montada significa que esta página não pode ser copiada, selecione-a, clique com o botão direito e escreva a página montada na página app.vue significa que o projeto inteiro não pode ser selecionado, copiado e selecionado

Código

this.$nextTick(() => {
      // 禁用右键
      document.oncontextmenu = new Function("event.returnValue=false");
      // 禁用选择
      document.onselectstart = new Function("event.returnValue=false");
      //禁止f12
      document.onkeydown = new Function("event.returnValue=false");
    });
    // 上面的禁止f12那段代码没有生效，可以使用下面的禁用f12。
    document.onkeydown = function (e) {
      if (e && e.keyCode === 123) {
        e.returnValue = false;
        return false;
      }
    };

---

Resumir:

Após esse processo, acredito que você também tenha uma impressão preliminar profunda sobre a proibição dos usuários de selecionar cópia de texto com o botão direito do mouse no lado do vue-pc, mas a situação que encontramos no desenvolvimento real é definitivamente diferente, então precisamos entenda O princípio é sempre o mesmo. Vamos, acerte os trabalhadores!

Por favor, aponte quaisquer deficiências, obrigado – Fengguowuhen