HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

JSを使用せずに画像をHTMLでドラッグまたは選択できないようにする

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

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

テキストまたは画像をダブルクリックすると、強調表示（選択）されます。これを防ぐには、userselectプロパティを使用できます。このプロパティを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>

  1. OpenCVを使用して画像をカラーからグレースケールに変換する

    このプログラムでは、画像の配色をrgbからグレースケールに変更します アルゴリズム Step 1: Import OpenCV. Step 2: Read the original image using imread(). Step 3: Convert to grayscale using cv2.cvtcolor() function. サンプルコード import cv2 image = cv2.imread('colourful.jpg') cv2.imshow('Original',image) grayscale = cv2.cvtColor(im

  2. SearchIndexer.exeは、このデバイスが停止するのを防いでいます

    ハードウェアを安全に取り外す これは、ユーザーが外部ストレージデバイスを安全に切断できるようにするWindowsオペレーティングシステムの便利な機能です。この機能を使用するには、ファイルエクスプローラーでストレージデバイスを右クリックし、取り出しを選択します。 。同じオプションがシステムトレイでも利用できます。 USBデバイスがビジー状態の場合、イジェクト中に警告メッセージが表示されます。ただし、一部のユーザーは、USBデバイスがビジーでない場合でも警告メッセージを受け取ります。彼らによると、彼らがUSBデバイスを取り出すときはいつでも、アプリケーションSearchIndexer.exeがこの