javascript テキストの選択を禁止する

javascript テキストの選択を禁止する

javascriptで、onselectstartイベントを使用してテキストの選択を禁止するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

onselectstart使い方

onselectstartイベントを使うと、選択が開始されると発生するイベントとなります。

これにfalseを返してあげることで、選択を禁止することができます。

サンプルコード

以下は、選択を禁止してテキストを選択不可能にするサンプルコードとなります。

※cssには「bootstrap material」を使用してます。

テキストが選択できないことが確認できます。