JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="sub-container">
        <div class="origin">Click ME</div>
    </div>
</div>

JavaScript

$('.sub-container').on('click', function(ev) {
    console.log('event reached sub container');
})

$('.container').on('click', function(ev) {
    console.log('event reached container');
})

$('.origin').on('click', function(ev){
    
    var html = '<div><span id="continue">Continue</span> | '
    html += "<span id='stop'>Stop</span></div>"
    $('.sub-container').append(html); 
    ev.stopPropagation(); 
    $('#continue').on('click', function() {
        ev = ev.originalEvent;
    })
})