Touch()
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The Touch()
constructor creates a new Touch
object.
Syntax
new Touch(touchInit)
Arguments
- touchInit
-
A
TouchInit
dictionary, having the following fields:-
"identifier"
, required, of typelong
, that is the identification number for the touch point. -
"target"
, required, of typeEventTarget
, the item at which the touch point started when it was first placed on the surface. -
"clientX"
, optional and defaulting to0
, of typedouble
, that is the horizontal position of the touch on the client window of user's screen, excluding any scroll offset. -
"clientY"
, optional and defaulting to0
, of typedouble
, that is the vertical position of the touch on the client window of the user's screen, excluding any scroll offset. -
"screenX"
, optional and defaulting to0
, of typedouble
, that is the horizontal position of the touch on the user's screen. -
"screenY"
, optional and defaulting to0
, of typedouble
, that is the vertical position of the touch on the user's screen. -
"pageX"
, optional and defaulting to0
, of typedouble
, that is the horizontal position of the touch on the client window of user's screen, including any scroll offset. -
"pageY"
, optional and defaulting to0
, of typedouble
, that is the vertical position of the touch on the client window of the user's screen, including any scroll offset. -
"radiusX"
, optional and defaulting to0
, of typefloat
, that is the radius of the ellipse which most closely circumscribes the touching area (e.g. finger, stylus) along the axis indicated by rotationAngle, in CSS pixels of the same scale as screenX;0
if no value is known. The value must not be negative. -
"radiusY"
, optional and defaulting to0
, of typefloat
, that is the radius of the ellipse which most closely circumscribes the touching area (e.g. finger, stylus) along the axis perpendicular to that indicated by rotationAngle, in CSS pixels of the same scale as screenY;0
if no value is known. The value must not be negative. -
"rotationAngle"
, optional and defaulting to0
, of typefloat
, that is the angle (in degrees) that the ellipse described by radiusX and radiusY is rotated clockwise about its center;0
if no value is known. The value must be greater than or equal to0
and less than90
. If the ellipse described by radiusX and radiusY is circular, then rotationAngle has no effect. The user agent may use0
as the value in this case, or it may use any other value in the allowed range. (For example, the user agent may use the rotationAngle value from the previous touch event, to avoid sudden changes.). -
"force"
, optional and defaulting to0
, of typefloat
, that is the relative value of pressure applied, in the range0
to1
, where0
is no pressure, and1
is the highest level of pressure the touch device is capable of sensing;0
if no value is known. In environments where force is known, the absolute pressure represented by the force attribute, and the sensitivity in levels of pressure, may vary.
-
Specifications
Specification |
---|
Touch Events # dom-touch-constructor |
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 | |
Touch |
48 |
79 |
46 |
No |
35 |
No |
48 |
48 |
6 |
Yes |
Yes |
5.0 |
See also
-
TouchEvent
, the interface of the objects it constructs .
© 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/Touch/Touch