JSFiddle - React, Tailwind, and code Playground

by shtrih

HTML

<fieldset id="x">
    <p>lorem <i>ipsum <span>dolor</span> sit</i> amet</p>
    <div>
        <h6>header 6</h6>
    </div>
</fieldset>

CSS

p span {
    color: green;
}

JavaScript

$('#x').on('click', '*', function (e) {
    console.log(
        'this = ' + this.tagName,
        'target=' + (e.target ? e.target.tagName : undefined),
        'currentTarget=' + (e.currentTarget ? e.currentTarget.tagName : undefined),
        'delegateTarget=' + (e.delegateTarget ? e.delegateTarget.tagName : undefined)
    );
});