ホームページ > 記事 > ウェブフロントエンド > HTMLにおいて、JSを使わずに画像をドラッグしたり選択したりできないようにする方法

HTMLにおいて、JSを使わずに画像をドラッグしたり選択したりできないようにする方法

PHPz転載: 2023-09-03 08:09:061267ブラウズ

次のコードスニペットを画像のプロパティに追加し、画像がドラッグされて選択されないようにします。

img {  
   user-drag: none;  
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}

テキストまたは画像をダブルクリックすると、強調表示（選択）されます。ユーザー選択属性を使用すると、これを防ぐことができます。このプロパティを none に設定すると、画像が選択 (強調表示) されないようにすることができます。

例

次のコードを実行して、画像が選択されないようにすることができます -

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            -drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-drag: none;
            -webkit-user-select: none;
            -ms-user-select: none;
         }
      </style>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/images/python3.png" alt = "Python" width = "62" height = "62">
   </body>
</html>

以上がHTMLにおいて、JSを使わずに画像をドラッグしたり選択したりできないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html JS

声明：

この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。

前の記事：HTML と CSS を使用して価格表を作成するにはどうすればよいですか?次の記事：HTML と CSS を使用して価格表を作成するにはどうすればよいですか?

続きを見る