La propiedad de solo lectura TouchEvent.changedTouches, que es una TouchList. TouchList que representa cada punto de contacto directamente involucrado en este evento:
touchstart: una lista de puntos de contacto que se activan en el evento touchstart.
touchmove: una lista de puntos de contacto que se han movido durante el evento touchmove.
touchend: una lista de puntos de contacto que se desactivan en el evento touchend.
touchenter: una lista de puntos de contacto que han ingresado a la superficie táctil durante el evento touchenter.
touchleave: una lista de puntos de contacto que han salido de la superficie táctil durante el evento touchleave.
Sintaxis:
var touches = touchEvent.targetTouches;
Valor de retorno: se devuelve una lista de TouchList de todos los objetos Touch para los puntos de contacto que todavía están en contacto con la superficie del Touch y cuyo evento de inicio táctil se produjo dentro del mismo elemento de destino como el elemento de destino actual.
Ejemplo 1:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
TouchEvent.changedTouches
</title>
</head>
<body>
<center>
<div class="classdiv" id="divID">
<h3> Touch Me! </h3>
</div>
<h3 id="statusdiv">Status</h3>
</center>
</body>
<script>
window.addEventListener('load', function(){
var divID = document.getElementById('divID')
var statusdiv = document.getElementById('statusdiv')
var startx = 0
var dist = 0
divID.addEventListener('touchstart', function(e){
var touchobj = e.changedTouches[0]
startx = parseInt(touchobj.clientX)
statusdiv.innerHTML = 'Status: touchstart<br> ClientX: ' + startx + 'px'
e.preventDefault()
}, false)
}, false)
</script>
</html>
Producción:
Antes del toque:
Después de tocar:
Navegadores compatibles: los navegadores compatibles con TouchEvent.changedTouches se enumeran a continuación:
- Google cromo 22
- Firefox 52
- Borde 79
- Ópera 15