Discussion :

[Spartacusply]

Hello,

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

Code html :

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

1
2
3
4
<div class='container'>
    <div class='block'></div>
    <!-- D'autres trucs... -->
</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 !

[jeremylevy]

Salut,

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

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

Code :

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

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
});

++

[SpaceFrog]

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

[danielhagnoul]

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

Oui, mais attention au code :

Code html :

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

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 javascript :

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

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" );
});

[Spartacusply]

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