検索

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

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

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

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

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

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 を使用して価格表を作成するにはどうすればよいですか?

関連記事

続きを見る