252 votes

Désactiver le glissement d'une image depuis une page HTML

J'ai besoin de mettre une image dans ma page. Je veux désactiver le glissement de cette image. J'essaie beaucoup de choses mais pas d'aide. Quelqu'un peut-il m'aider?

Je ne veux pas conserver cette image en tant qu'image d'arrière-plan, car je redimensionne l'image.

295voto

alex Points 186293

Vous pouvez aimer ça ...

 document.getElementById('my-image').ondragstart = function() { return false; };
 

Voyez-le fonctionner (ou ne fonctionne pas plutôt)

Il semble que vous utilisiez jQuery.

 $('img').on('dragstart', function(event) { event.preventDefault(); });
 

213voto

Michael Huang Points 464

Solution CSS uniquement: utilisez pointer-events: none

https://developer.mozilla.org/en-US/docs/CSS/pointer-events

201voto

dmo Points 432

ajoutez simplement draggable = "false" à votre tag image:

 <img draggable="false" src="image.png">
 

IE8 et moins ne supporte cependant pas.

50voto

Steve Points 10623
window.ondragstart = function() { return false; } 

30voto

User 1034 Points 2480

Je me suis essayé et j'ai trouvé que cela fonctionnait.

 $("img").mousedown(function(){
    return false;
});
 

Je suis sûr que cela désactive le glissement de toutes les images. Pas sûr que cela affecte quelque chose d'autre.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X