JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<!-- event prevent default -->

<div id='target'>
</div>

<p id='result'>
</p>

CSS

#target
{
   width: 200px;
   height: 100px;
   background: red; 
}

JavaScript

$(function() {
    var target = $('#target'),
        result = $('#result');
    target.click(function(e) {
        result.append('first handler<br />');
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
    });
    target.click(function(e) {
        result.append('second handler<br />');
    });
});