Untitled

<!doctype html>
<html>
<head>
  <meta charset="utf-8">

  <title>addTap</title>

   <meta name="viewport" content="width=device-width">

  <style>
    body {
      font-family: sans-serif;
    }

    #box {
      width: 200px;
      height: 300px;
      background: red;
    }
  </style>

</head>
<body>

  <h1>addTap</h1>


<div id="box"></div>

<script src="addtap.js"></script>
<script>

window.onload = function() {

  var box = document.getElementById('box');

  function onTap( event, cursor ) {
    console.log( 'did tap', event, cursor.pageX, cursor.pageY );
  }

  addTap( box, onTap, { moveableBuffer: 20 } );

};

</script>

</body>
</html>