en cliquant sur <img> empêchant l'activation du <a>

Question

J'essaie d'implémenter un bookmarklet où l'utilisateur cliquera sur un <img/> et sera redirigé vers une autre page où il annotera l'image.

si l'image est insérée dans une ancre HTML:

<a href="http://anywhere.org"><img src=""http://anywhere.org/image.png"/></a>, 

puis-je empêcher l'ancre à activer? J'ai essayé

event.stopPropagation(); 

et/ou

event.preventDefault(); 

mais cela n'a pas

merci.

Answer 1

D'abord, vous pouvez vérifier si l'événement peut être cancelated ou ne pas utiliser:

var bool = event.cancelable; 

Et vous pouvez toujours essayer le

classique

return false: 

qui arrêteront à peu près tout.

Answer 2

Vous devez utiliser event.cancelBubble et renvoyer false (pour IE).

Mais votre méthode fonctionne bien dans FF.

var stop = function(evt) { 
    evt = evt || window.event; 


    if(typeof(evt.stopPropagation) === "function") { 
     evt.stopPropagation(); 
    } 

    if(typeof(evt.preventDefault) === "function") { 
     evt.preventDefault(); 
    } 

    // this is for IE6 
    evt.cancelBubble = true;   
    return false; 
    };