JSFiddle - React, Tailwind, and code Playground

HTML

<div id='parent' style='padding: 20px;border: 1px solid black;'>
    <input type='button' id='clickMe' value='Click Me'/>
    <input type='button' value='Undelegate Click' id='undelegate'/>
</div>

JavaScript

var $parent = $('#parent');
$parent.bind('click', function() { alert('Parent Clicked'); });
$parent.delegate('#clickMe', 'click', function(evt) { evt.stopPropagation(); alert('Child Clicked'); });
$('#undelegate').bind('click', function() { $parent.undelegate(); });