Skip to content
Related Articles

Related Articles

HTML | DOM TouchEvent touches Property
  • Last Updated : 13 Feb, 2019

The TouchEvent touches property in HTML DOM is used to return the array of touch object. It returns one for each finger that is currently touching to the surface. The touches property is a read only property and it returns an array of touch objects.

Syntax:

event.touches

Return Value: It return the array of touch object.

Below program illustrates the TouchEvent touches property in HTML:

Example: This example find the number of fingers touch on the surface.




<!DOCTYPE html>
<html>
      
<head
    <title>
        HTML DOM TouchEvent Touches Property
    </title>
</head>
  
<body ontouchstart = "touch(event)" ontouchend = "touch(event)">
  
    <h1>GeeksforGeeks</h1
      
    <h2>TouchEvent Touches Property</h2>
      
    <p>Number of fingers touching this document:
    <span id="test"></span>.
      
    <!-- script to colunt number of touch -->
    <script>
        function touch(event) {
            var t = event.touches.length;
            document.getElementById("test").innerHTML = t;
        }
    </script>
</body>
  
</html>                                                  

Output:
Before touching the document:

After touching the document:

Supported Browsers: The browser supported by DOM TouchEvent touches Property are listed below:

  • Internet Explorer 10.0
  • Google Chrome 22.0
  • Firefox 52.0
My Personal Notes arrow_drop_up
Recommended Articles
Page :