JSFiddle - React, Tailwind, and code Playground
HTML
<div id='target'>
</div>
<p id='result'>
</p>
CSS
#target
{
width: 200px;
height: 100px;
background: red;
}
JavaScript
dojo = {};
dojo.stopEvent = function(/*Event*/ evt){
// summary:
// prevents propagation and clobbers the default action of the
// passed event
// evt: Event
// The event object. If omitted, window.event is used on IE.
if(has("dom-addeventlistener") || (evt && evt.preventDefault)){
evt.preventDefault();
evt.stopPropagation();
}else{
evt = evt || window.event;
evt.cancelBubble = true;
on._preventDefault.call(evt);
}
};
$(function() {
var target = $('#target'),
result = $('#result');
target.click(function(e) {
result.append('first handler<br />');
dojo.stopEvent(e);
return false;
});
target.click(function(e) {
result.append('second handler<br />');
});
});