Maison > Article > interface Web > En HTML, méthode pour empêcher l'image d'être déplaçable ou sélectionnable sans utiliser JS
En HTML, méthode pour empêcher l'image d'être déplaçable ou sélectionnable sans utiliser JS
- PHPzavant
- 2023-09-03 08:09:061267parcourir
Ajoutez l'extrait de code suivant aux propriétés de l'image et empêchez l'image d'être déplacée et sélectionnée.
img {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}Lorsque vous double-cliquez sur un texte ou une image, il sera mis en surbrillance (sélectionné). Les attributs de sélection utilisateur peuvent être utilisés pour éviter cela. En définissant cette propriété sur none, nous pouvons empêcher la sélection (mise en surbrillance) de l'image.
Exemple
Vous pouvez essayer d'exécuter le code suivant pour empêcher la sélection de l'image -
<!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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!