Discussion :

[r2000]

Hello,

J'ai une liste <ul><li> :

Code html :

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

1
2
3
4
5
6
 
<ul>
   <li><h2>item 1</h2></li>
   <li><h2>item 2</h2></li>
   <li><h2>item 3</h2></li>
</ul>

J'aimerais qu'un événement se déclenche quand on clique sur un <li> :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$(document).on('click','body', this, myEvents);
 
function myEvents (event){
 
    if (event.target.nodeName == 'LI' ){
        alert('ok');
    }
 
}

Le problème c'est que si on clique sur le <h2> qui est un enfant du <li>, l'évenement n'est pas déclenché.

Merci. !

[POST-SCRIPTUM] Je pourrais tout simplement rajouter une condition OR if event.target.nodeName == 'H2' mais ce n'est pas une solution maintenable à long terme.

[danielhagnoul]

Code :

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

$( "body" ).on( "click", "li", ( e ) => { console.log( e.target, e.currentTarget ) } );

[r2000]

merci danielhagnoul!