Comment empêcher de glisser déposer une image en HTML ?
Réponses rédigées par Antoine
Dernière mise à jour : 2020-12-13 16:11:43
Question
J'ai des images sur mon site, et je voudrais empêcher les utilisateurs de glisser-déposer les images, est-ce possible ? Merci.
Réponse
Vous pouvez utiliser JavaScript et l'évènement ondragstart
pour désactiver le glisser déposer (drag & drop), sur une image, ou tout autre élément HTML.
L'événement ondragstart
se déclenche quand un utilisateur glisse un élément ou une sélection de texte.
Dans l'exemple ci-dessous on identifie l'élément HTML concerné via un ID
, puis lorsque l'évènement ondragstart
est déclenché, on retourne immédiatement un false
, ce qui a pour effet de rendre non fonctionnel le glisser déposer.
document.getElementById('mon-image').ondragstart = function() {return false;};