Le côté vue-pc interdit aux utilisateurs de sélectionner le texte-clic droit-copie

avant-propos

• Nous rencontrons souvent certaines pages dans le développement côté PC, et des effets de sélection de texte apparaîtront en raison de l'actualisation, du rendu et du gel.

• Ou certaines pages sensibles que nous ne voulons pas que les utilisateurs copient, sélectionnent, textent des informations sur la page, telles que des examens, des informations sensibles.

• En fait, ceux-ci peuvent également être contrôlés par du code, ce qui peut rendre le projet plus sûr et plus raisonnable.

• Écrire le code sur la page montée signifie que cette page ne peut pas être copiée, sélectionnez-la, faites un clic droit et écrivez la page montée sur la page app.vue signifie que l'ensemble du projet ne peut pas être sélectionné, copié et sélectionné

Code

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;
      }
    };

---

Résumer:

Après ce processus, je pense que vous avez également une première impression profonde sur l'interdiction pour les utilisateurs de sélectionner texte-clic droit-copie du côté de vue-pc, mais la situation que nous rencontrons dans le développement réel est définitivement différente, nous devons donc comprenez-le Le principe est toujours le même. Allez, frappez les ouvriers !

Veuillez signaler toute lacune, merci -- Fengguowuhen