Bonjour à tous,

J'ai une série de div contenant différentes informations et cela ressemble à peu de chose prêt à ça :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="stock_search-form-item">
    <div class="center mbl" id="listresult">
        <div data-itmref="ref01">titre</div>
            <div class="col-2" data-itmref="ref01">
	            <p class="txt-size-0-8 no-padding" data-itmref="ref01">ref01 - des</p>
                    <p class="txt-size-0-8 no-padding" data-itmref="ref01">eancode - votre code autre ref</p>
            </div>
        </div> 
        <div data-itmref="ref02">titre</div>
            <div class="col-2" data-itmref="ref02">
	            <p class="txt-size-0-8 no-padding" data-itmref="ref02">ref01 - des</p>
                    <p class="txt-size-0-8 no-padding" data-itmref="ref02">eancode - votre code autre ref</p>
            </div>
            [...]
        </div>
    </div>
</div>


Côté javascript :

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
document.addEventListener('click', e => {            
    if(e.target && e.target.id == 'stock_search-form-item' || e.target.parentElement.id == 'stock_search-form-item') {
        adv.searchItmSetItem(e)
    }
})

Je cherche une solution pour détecter le clic sur un des div sous l'id "listresult" ou des enfants de ces div contenant pour récupérer la valeur de data-itmref. Avec mon code cela marche que si le div contient un seul niveau de balise enfant. Comment faire pour avoir le même comportement mais peut importe le niveau cliqué ?

Merci d'avance.
Philippe.