JSFiddle - React, Tailwind, and code Playground

by firegroove

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="row-fluid">
	<div id="div1" class="span4 offset5 well">
		Behind
		<div class="row-fluid">
			<div id="div2" class="span6 offset2 well">
				Nested
			</div>
		</div>
	</div>
</div>

<div id="log" />

CSS

#log { border: 1px solid red; width: 100%; }

JavaScript

$('#div1').on('contextmenu', function(e) {
    $('#log').append('<p>div1 triggered contextmenu!</p>');
				            e.preventDefault();

});

$('#div2').on('contextmenu', function(e) {

		            e.preventDefault();
    e.stopPropagation();
    $('#log').append('<p>div2 triggered contextmenu!</p>');
});