JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">

Parent

<p class="child">

Child

<span>Grandchild</span>

</p>
<!-- .child -->

</div>
<!-- .parent -->

JavaScript

$( document ).ready( function () {

  var log = function ( event ) {

    console.log(

      event.currentTarget !== event.originalEvent.currentTarget &&

      event.delegateTarget === event.originalEvent.currentTarget

    );

  };
  // log


  var listener = function ( event ) {

    event.preventDefault();

    log.call( this, event );

  };


  $( ".parent" ).on( 'click', ".child", listener );

} );