La propiedad TouchEvent targetTouches es una propiedad de solo lectura y se usa para devolver una array de objetos Touch . Devuelve un objeto por cada dedo que toca el elemento de destino actual .
Sintaxis:
event.targetTouches
El siguiente programa ilustra la propiedad TouchEvent targetTouches:
Ejemplo: Averiguar el número de dedos que tocan un elemento.
html
<!DOCTYPE html>
<html>
<meta name="viewport"
content="width=device-width, initial-scale=1">
<head>
<title> TouchEvent targetTouches property in HTML
</title>
<style>
#samplediv {
border: 1px solid green;
}
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body ontouchstart="countTouches(event)"
ontouchend="countTouches(event)">
<h1>GeeksforGeeks</h1>
<h2> TouchEvent targetTouches property </h2>
<br>
<p>The current element is touched by
<span id="touch">0</span> fingers.</p>
<script>
function countTouches(event) {
// Returning touched target.
var t = event.targetTouches.length;
document.getElementById("touch").innerHTML =
t;
}
</script>
</body>
</html>
Salida: Después de tocar la pantalla:
Después de tocar la pantalla:
Navegadores compatibles:
- Google Chrome 22 y superior
- Edge 79 y superior
- Firefox 52 y superior
- Ópera 15 y superior
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA