Récupérer la source d'un événement et passage en paramètre avec addEventListener
Bonjour, je souhaiterai récupérer la source d'un événement au clic sur un élément d'une liste pour ensuite traiter des données, mais je ne sais pas trop comment faire.
J'ai regardé un peu à droite à gauche sur internet, en trouvant des bout de code javascript qui me semblent corrects, il me reste plus qu'à trouver la solution pour passer un paramètre dans une fonction avec addEventListener.
Pour cela je dispose du code HTML suivant :
Code:
1
2
3
4
5
| <ul>
<li id="time0"><p>6 trimestres</p><p>18 mois</p></li>
<li id="time1"><p>8 trimestres</p><p>24 mois</p></li>
<li id="time2"><p>10 trimestres</p><p>30 mois</p></li>
</ul> |
Et le javascript qui va avec :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| document.getElementById('time0').addEventListener('click', getTimeRow); //Que mettre ici?
document.getElementById('time1').addEventListener('click', getTimeRow);
document.getElementById('time2').addEventListener('click', getTimeRow);
function getTimeRow(event) {
event = event || window.event; //pour la compatibilité avec IE
var elem = event.target || event.srcElement; //pour la compatibilité avec IE
var timeRow = 0;
if (elem.id == "time1") {
timeRow = 1;
}
else {
if (elem.id == "time2") {
timeRow = 2;
}
}
console.log(timeRow);
} |
Je sais que ça fonctionne avec :
Code:
<li id="time1" onclick="getTimeRow(event);"><p>8 trimestres</p><p>24 mois</p></li>
Mais ce n'est pas ce que je veux, d'ailleurs j'obtiens parfois une valeur qui ne correspond pas à l'élément de la liste ciblé, est-ce qu'il y aurait une erreur dans mon javascript?
Bref j'ai essayé ça :
Code:
document.getElementById('time0').addEventListener('click', getTimeRow(event));
Mais ça ne marche pas.
Si quelqu'un a une solution je suis preneur, merci d'avance !
