JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/ui-lightness/jquery-ui.css">
<div class='menuWraper'>menu wrapper</div>

CSS

div {
    padding: 20px;
    margin: 10px;
    border: 2px solid orange;
    float: left;
}

JavaScript

$(document).on('touchstart', "body", function(e) {
    //var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
    alert('clicked outside');
});

$(".menuWraper").on('touchstart', function(e) {
    alert('clicked inside');
    e.stopPropagation();
});