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.