JSFiddle - React, Tailwind, and code Playground

HTML

<span id="parent"><span id="target">Click me</span></span>

JavaScript

var parent = document.getElementById('parent');
var target = document.getElementById('target');

parent.addEventListener('click', function() {
    console.log('Parent click handler fired.');
});

target.addEventListener('click', function(event) {
    event.stopPropagation();    // уберите и верхний обработчик тоже запустится.
    console.log('First click handler fired.');
});
 
target.addEventListener('click', function() {
    console.log('Second click handler fired.');
});