JSFiddle - React, Tailwind, and code Playground

JavaScript

$(document.body).append('<div class="context">Context #1 before calling on(): </div>');

$(document.body).append('<div class="context-post">Context #2 before calling on(): </div>');

$('div[class|="context"]').on('click', '.target', function(event) {
    alert('Current Event Phase: '+ event.eventPhase);
 /*
    // PhaseType
  const unsigned short   NONE            = 0;
  const unsigned short   CAPTURING_PHASE = 1;
  const unsigned short   AT_TARGET       = 2;
  const unsigned short   BUBBLING_PHASE  = 3;
 */
    $('div.context-post').append('<br/><a href="#" class="target">this link is created after calling on</a>');
});

$('div.context').append('<a href="#" class="target">Click me to start</a>');