Evènement click dans block sauf si click dans block à l'intérieur

Version imprimable

08/01/2016, 14h38
Spartacusply

Evènement click dans block sauf si click dans block à l'intérieur
Hello,

j'ai un problème en jquery au niveau de la sélection sur un click. Voici mon code HTML :
Code:

1 2 3 4 <div class='container'> <div class='block'></div>  </div>
J'aimerai lancer une action quand on clique sur "container" peut-importe où se trouve le curseur, puis une deuxième action SAUF SI on a cliqué dans "block".

Or avec $(this), je n'arrive pas à retrouver cette info (ce qui me parait logique aussi).

Merci pour votre aide !

Salut,

En utilisant la propriété target de l'évènement, je pense :

https://api.jquery.com/event.target/
Code:

1 2 3 4 5 6 7 8 9 10 $('.container').click(function (e) { // Première action if ($(e.target).hasClass('block')) { return; } // Deuxième action });
++

11/01/2016, 08h09
SpaceFrog

ou ou en bloquant la propagation du click sur le block contenu ...

Citation:

Envoyé par jeremylevy

En utilisant la propriété target de l'évènement, je pense :

Oui, mais attention au code :

Code:

1
2
3
4
5
6
7
<div class='container'>
  <p>Un texte avant</p>
  <div class='block'>
    <p>Un texte à l'intérieur</p>      
  </div>
  <p>Un texte après</p>
</div>

Code:

1
2
3
4
5
6
7
8
9
$( "div.container").on( "click", function( e ){
  console.log( "Première action" );
  
  if ( $( e.target ).parents( "div" ).hasClass( "block" ) ){
    return;
  }
  
  console.log( "Seconde action" );
});

13/01/2016, 12h02
Spartacusply

Ok, merci pour les réponses l'utilisation de target fonctionne parfaitement en effet.