HTMLにおいて、JSを使わずに画像をドラッグしたり選択したりできないようにする方法-htmlチュートリアル-php.cn

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

PHPz

リリース： 2023-09-03 08:09:06

転載

1263 人が閲覧しました

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 サイトの他の関連記事を参照してください。