Events sur un div qui a des child éléments
Hello,
J'ai une liste <ul><li> :
Code:
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:
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.
