JSFiddle - React, Tailwind, and code Playground

HTML

<div id="theParent">

    <a href="#">Clicked 1</a>
    <a href="#">Clicked 2</a>
    <a href="#">Clicked 3</a>
    <a href="#">Clicked 4</a>
    <a href="#">Clicked 5</a>

</div>

CSS

#theParent {
    background: green;
    padding: 20px;
}

a { 
    background: white; 
}

JavaScript

var captureEvent = function(e){

    console.log(e.target);

};

$('#theParent').click(captureEvent).hover(captureEvent,captureEvent);