Get multiple touch positions
Simple example of getting multiple touch positions.
<!DOCTYPE html>
<html>
<head>
<style>
#rect {
position:absolute;
background-color: #FF0000;
width: 100px;
height: 100px;
top: 100px;
left: 100px;
}
</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 touches = event.targetTouches;
console.log()
for(var i=0; i < touches.length; i++) {
console.log("Touch " + i + " ,X = " + touches[i].pageX + " ,Y = " + touches[i].pageY);
}
}
</script>
</body>
</html>