<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tap Settings Page</title>
<script>
var pageReady = false;
var startX;
var startY;
var movementOccurred = false;
var clickCount = 0;
function onLoad() {
document.addEventListener('mousedown', mouseDown, false);
document.addEventListener('mouseup', mouseUp, false);
pageReady = true;
}
function mouseUp(e) {
var deltaX = e.pageX - startX;
var deltaY = e.pageY - startY;
movementOccurred = ((deltaX != 0) || (deltaY != 0));
clickCount = clickCount + 1;
console.log(movementOccurred, deltaX, deltaY, clickCount)
}
function mouseDown(e) {
startX = e.pageX;
startY = e.pageY;
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>