vue-pc 側では、ユーザーがテキストを右クリックしてコピーを選択することを禁止しています

序文

• PC 側の開発では、一部のページで更新、レンダリング、フリーズによりテキスト選択効果が表示されることがよくあります。

• または、試験や機密情報など、ページ上のテキスト情報をユーザーにコピー、選択させたくない機密ページ

• 実際、これらはコードによって制御することもできるため、プロジェクトをより安全かつ合理的に行うことができます。

• マウントされたページにコードを記述すると、このページをコピーして選択し、右クリックしてマウントされたページを app.vue ページに書き込むことができなくなり、プロジェクト全体を選択、コピー、選択できなくなります。

コード

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

---

要約:

このプロセスを経て、vue-pc 側でのユーザーのテキスト右クリックコピーの禁止についても事前に深い印象を持ったと思いますが、実際の開発で遭遇する状況は決定的に異なります。原理は常に同じです。さあ、労働者を殴ってください！

不備があればご指摘ください、ありがとうございます -- Fengguowuhen