JSFiddle - React, Tailwind, and code Playground

by atesgoral

HTML

<div id="outer">
  Outer
  <div id="inner">
    Inner that doesn't stop propagation
  </div>
  <div id="inner-stop">
    Inner that stops propagation
  </div>
</div>

JavaScript

$('#outer').click(function (e) {
	console.log('Outer clicked');
});

$('#inner').click(function (e) {
	console.log('Inner clicked');
});

$('#inner-stop').click(function (e) {
  e.stopPropagation();
	console.log('Inner clicked');
});