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
Thèmes : webmaster - html - image - javascript
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;};