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.
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!
Utilisation composée
jquery valider
conversion de fichier flac
Comment mesurer la vitesse du réseau sur un ordinateur
Comment revenir à la page d'accueil à partir d'une sous-page HTML
Quels sont les logiciels de programmation du microcontrôleur ?
Que faire si notepad.exe ne répond pas
Est-ce que plus la fréquence du processeur de l'ordinateur est élevée, mieux c'est ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
