Touch

Интерфейс Touch представляет собой интерфейс одной точки касания на сенсорном устройстве. Касание, как правило, осуществляется пальцем или стилусом, а устройство представляет собой тачскрин или трекпад.

The Touch.radiusX, Touch.radiusY, and Touch.rotationAngle describe the area of contact between the user and the screen, the touch area. This can be helpful when dealing with imprecise pointing devices such as fingers. These values are set to describe an ellipse that as closely as possible matches the entire area of contact (such as the user's fingertip).

Note: Many of the properties' values are hardware-dependent; for example, if the device doesn't have a way to detect the amount of pressure placed on the surface, the force value will always be 0. This may also be the case for radiusX and radiusY; if the hardware reports only a single point, these values will be 1.

Constructor

Touch()
Creates a Touch object.

Properties

This interface has no parent, and doesn't inherits or implements any other property.

Basic properties

Touch.identifier Только для чтения
Returns a unique identifier for this Touch object. A given touch point (say, by a finger) will have the same identifier for the duration of its movement around the surface. This lets you ensure that you're tracking the same touch all the time.
Touch.screenX Только для чтения
Returns the X coordinate of the touch point relative to the left edge of the screen.
Touch.screenY Только для чтения
Returns the Y coordinate of the touch point relative to the top edge of the screen.
Touch.clientX Только для чтения
Returns the X coordinate of the touch point relative to the left edge of the browser viewport, not including any scroll offset.
Touch.clientY Только для чтения
Returns the Y coordinate of the touch point relative to the top edge of the browser viewport, not including any scroll offset.
Touch.pageX Только для чтения
Returns the X coordinate of the touch point relative to the left edge of the document. Unlike clientX, this value includes the horizontal scroll offset, if any.
Touch.pageY Только для чтения
Returns the Y coordinate of the touch point relative to the top of the document. Unlike clientY, this value includes the vertical scroll offset, if any.
Touch.target Только для чтения
Returns the Element on which the touch point started when it was first placed on the surface, even if the touch point has since moved outside the interactive area of that element or even been removed from the document.

Touch area

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Touch.radiusX Только для чтения
Returns the X radius of the ellipse that most closely circumscribes the area of contact with the screen. The value is in pixels of the same scale as screenX.
Touch.radiusY Только для чтения
Returns the Y radius of the ellipse that most closely circumscribes the area of contact with the screen. The value is in pixels of the same scale as screenY.
Touch.rotationAngle Только для чтения
Returns the angle (in degrees) that the ellipse described by radiusX and radiusY must be rotated, clockwise, to most accurately cover the area of contact between the user and the surface.
Touch.forceТолько для чтения
Returns the amount of pressure being applied to the surface by the user, as a float between 0.0 (no pressure) and 1.0 (maximum pressure).

Methods

This interface has no method and no parent, and doesn't inherits or implements any method.

Specifications

Specification Status Comment
Touch Events – Level 2
Определение 'Touch' в этой спецификации.
Черновик Added radiusX, radiusY, rotationAngle, force properties, as well as the Touch() constructor.
Touch Events
Определение 'Touch' в этой спецификации.
Рекомендация Initial definition.

Browser compatibility

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
TouchChrome Полная поддержка 22Edge Полная поддержка ДаFirefox Полная поддержка 52
Замечания
Полная поддержка 52
Замечания
Замечания Touch events support has been fixed and reenabled in Windows desktop platforms.
Нет поддержки 18 — 24
Замечания
Замечания Web compatibility issues seen in bug 888304.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
Touch() constructor
Экспериментальная
Chrome Полная поддержка 48Edge Нет поддержки НетFirefox Полная поддержка 46IE Нет поддержки НетOpera Полная поддержка 35Safari Нет поддержки НетWebView Android Полная поддержка 48Chrome Android Полная поддержка 48Firefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
clientXChrome Полная поддержка 22Edge Полная поддержка ДаFirefox Полная поддержка 52
Замечания
Полная поддержка 52
Замечания
Замечания Touch events support has been fixed and reenabled in Windows desktop platforms.
Нет поддержки 18 — 24
Замечания
Замечания Web compatibility issues seen in bug 888304.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
clientYChrome Полная поддержка 22Edge Полная поддержка ДаFirefox Полная поддержка 52
Замечания
Полная поддержка 52
Замечания
Замечания Touch events support has been fixed and reenabled in Windows desktop platforms.
Нет поддержки 18 — 24
Замечания
Замечания Web compatibility issues seen in bug 888304.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
force
Экспериментальная
Chrome Полная поддержка ДаEdge ? Firefox Полная поддержка ДаIE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
identifierChrome Полная поддержка 22Edge Полная поддержка ДаFirefox Полная поддержка 52
Замечания
Полная поддержка 52
Замечания
Замечания Touch events support has been fixed and reenabled in Windows desktop platforms.
Нет поддержки 18 — 24
Замечания
Замечания Web compatibility issues seen in bug 888304.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
pageXChrome Полная поддержка 22Edge Полная поддержка ДаFirefox Полная поддержка 52
Замечания
Полная поддержка 52
Замечания
Замечания Touch events support has been fixed and reenabled in Windows desktop platforms.
Нет поддержки 18 — 24
Замечания
Замечания Web compatibility issues seen in bug 888304.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
pageYChrome Полная поддержка 22Edge Полная поддержка ДаFirefox Полная поддержка 52
Замечания
Полная поддержка 52
Замечания
Замечания Touch events support has been fixed and reenabled in Windows desktop platforms.
Нет поддержки 18 — 24
Замечания
Замечания Web compatibility issues seen in bug 888304.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
radiusX
Экспериментальная
Chrome Полная поддержка 43Edge ? Firefox ? IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка 43Chrome Android Полная поддержка 43Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
radiusY
Экспериментальная
Chrome Полная поддержка 43Edge ? Firefox ? IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка 43Chrome Android Полная поддержка 43Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
rotationAngle
Экспериментальная
Chrome Полная поддержка 43Edge ? Firefox ? IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка 43Chrome Android Полная поддержка 43Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
screenXChrome Полная поддержка 22Edge Полная поддержка ДаFirefox Полная поддержка 52
Замечания
Полная поддержка 52
Замечания
Замечания Touch events support has been fixed and reenabled in Windows desktop platforms.
Нет поддержки 18 — 24
Замечания
Замечания Web compatibility issues seen in bug 888304.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
screenYChrome Полная поддержка 22Edge Полная поддержка ДаFirefox Полная поддержка 52
Замечания
Полная поддержка 52
Замечания
Замечания Touch events support has been fixed and reenabled in Windows desktop platforms.
Нет поддержки 18 — 24
Замечания
Замечания Web compatibility issues seen in bug 888304.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
targetChrome Полная поддержка 22Edge Полная поддержка ДаFirefox Полная поддержка 52
Замечания
Полная поддержка 52
Замечания
Замечания Touch events support has been fixed and reenabled in Windows desktop platforms.
Нет поддержки 18 — 24
Замечания
Замечания Web compatibility issues seen in bug 888304.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Совместимость неизвестна  
Совместимость неизвестна
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Смотрите замечания реализации.
Смотрите замечания реализации.

See also