JSFiddle - React, Tailwind, and code Playground

by squarefoo

HTML

<div class="outer">
    click
    <div class="inner">
        click
        <div class="innerstes">
            click
        </div>
    </div>
</div>

JavaScript

console.clear();
document.querySelector('.outer').addEventListener('click', function(e) {
    console.log('last - outer', e.currentTarget);
}, false);

document.querySelector('.inner').addEventListener('click', function(e) {
    console.log('first - inner', e.currentTarget);
}, true);

document.querySelector('.innerstes').addEventListener('click', function(e) {
    console.log('second - innerstes', e.currentTarget);
}, false);