Heim > Artikel > Web-Frontend > In HTML eine Methode, um zu verhindern, dass Bilder ohne Verwendung von JS gezogen oder ausgewählt werden können
In HTML eine Methode, um zu verhindern, dass Bilder ohne Verwendung von JS gezogen oder ausgewählt werden können
- PHPznach vorne
- 2023-09-03 08:09:061267Durchsuche
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;
}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>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!