In HTML eine Methode, um zu verhindern, dass Bilder ohne Verwendung von JS gezogen oder ausgewählt werden können-HTML-Tutorial-php.cn

In HTML eine Methode, um zu verhindern, dass Bilder ohne Verwendung von JS gezogen oder ausgewählt werden können

PHPz

Freigeben： 2023-09-03 08:09:06

nach vorne

1263 Leute haben es durchsucht

In HTML eine Methode, um zu verhindern, dass Bilder ohne Verwendung von JS gezogen oder ausgewählt werden können

Fügen Sie den folgenden Codeausschnitt zu den Bildeigenschaften hinzu und verhindern Sie, dass das Bild gezogen und ausgewählt wird.

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

Nach dem Login kopieren

Wenn Sie auf einen Text oder ein Bild doppelklicken, wird dieser hervorgehoben (ausgewählt). Um dies zu verhindern, können Benutzerauswahlattribute verwendet werden. Indem wir diese Eigenschaft auf „none“ setzen, können wir verhindern, dass das Bild ausgewählt (hervorgehoben) wird.

Beispiel

Sie können versuchen, den folgenden Code auszuführen, um zu verhindern, dass das Bild ausgewählt wird –

<!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>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonIn HTML eine Methode, um zu verhindern, dass Bilder ohne Verwendung von JS gezogen oder ausgewählt werden können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!