JavaScript移动端右划事件与浏览器右划回退冲突解决方案

<script>
$('#Box').on("touchstart", function(n) {
  var r = n.touches[0];
  t = r.clientX;
  i = r.clientY;
  stime = new Date().getTime();
  console.log('touchstart');
}).on("touchmove", function(n) {
  var evt = n || window.event;
  if (evt.preventDefault) {
    evt.preventDefault();
  } else {
    evt.returnValue = false;
  }
}).on("touchend touchcancel", function(n) {
  console.log('touchstart');
  var u = n.changedTouches[0],
    f = u.clientX - t,
    e = u.clientY - i;
  f > 50 && Math.abs(e) < 30 && $("#Box").hide();
});
</script>