Get touch event coordinates
By Bartłomiej Bartel
Simple example of getting the touch event coordiantes.
<!DOCTYPE html>
<html>
<head>
<style>
#rect {
position:absolute;
background-color: #FF0000;
width: 100px;
height: 100px;
top: 50px;
left: 50px;
}
</style>
</head>
<body>
<div id="rect"></div>
<div id="textElement"></div>
<script>
var element = document.getElementById('rect');
var textElement = document.getElementById('textElement');
element.addEventListener("touchstart", handlerFunction, false);
function handlerFunction(event) {
var touchX = event.changedTouches[0].pageX;
var touchY = event.changedTouches[0].pageY;
textElement.innerHTML = "Touch X: " + touchX + ", Y: " + touchY;
}
</script>
</body>
</html>