TouchEvent.targetTouches
The targetTouches
read-only property is a TouchList
listing all the Touch
objects for touch points that are still in contact with the touch surface and whose touchstart
event occurred inside the same target element
as the current target element.
Syntax
var touches = touchEvent.targetTouches;
Return value
touches
-
A
TouchList
listing all theTouch
objects for touch points that are still in contact with the touch surface and whosetouchstart
event occurred inside the same targetelement
as the current target element.
Example
This example illustrates the TouchEvent
object's TouchEvent.targetTouches
property. The TouchEvent.targetTouches
property is a TouchList
object that includes those TPs that are currently touching the surface and started on the element that is the target of the current event. As such, the targetTouches
list is a strict subset of the touches
list.
In following code snippet, the function compares the length of the touches
list to the length of the targetTouches
list and returns true
if the lengths are the same and returns false
otherwise.
function touches_in_target(ev) { // Return true if all of the touches are within the target element; // otherwise return false. return (ev.touches.length == ev.targetTouches.length ? true : false); }
Specifications
Specification |
---|
Touch Events # dom-touchevent-targettouches |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
targetTouches |
22 |
≤18 |
52
18-24
|
No |
Yes |
No |
≤37 |
Yes |
6 |
Yes |
Yes |
Yes |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/targetTouches