Discussion :

[saluts92]

Bonjour,

J'ai une DIV qui contient un anchor, lorsque que je clique sur la DIV j'ai un événement onclick qui se déclenche (jquery) mais quand le clique sur le anchor le lien (href) ne se déclenche pas et le onclick de la DIV se déclenche
alors que je veux le contraire
j'ai mis un z-index (css) sur le anchor, mais ça ne fonctionne pas, j'ai mis un onclick="return false;" comme attribut dans le anchor mais ça ne fonctionne pas non plus

une idée ?

[NoSmoking]

Bonjour,
il y a propagation de l'événement déclenché sur le <a> vers son parent <div>.

• onclick="return false;" annule l'action par défaut sur le lien mais ne stoppe pas la propagation de l'événement, voir Event.stopPropagation().

• Concernant jQuery, puisque visiblement tu l'utilises voir event.stopPropagation().

• Pour finir si tu utilises vraiment jQuery ce morceau de code, onclick="return false;", n'a rien à faire dans ta page.

[saluts92]

ok, mais ce que je ne comprends pas c'est que c l'action sur DIV qui est pris en compte avant le click sur l'anchor

[NoSmoking]

Qu'est ce qui te permet de dire cela, teste

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div onclick="console.log(this.tagName)">
  <p>Texte pour rien
  <p><a href="#" onclick="console.log(this.tagName); return false">lien</a>
</div>