Touch

Touch インターフェイスは、タッチ感応面へのひとつの接触点を表します。接触点とは一般的に指やスタイラスと、タッチ画面やトラックパッドのような機器が触れた位置です。

Touch.radiusXTouch.radiusYTouch.rotationAngle で、ユーザーと画面が接触したタッチ領域 (touch area) を表します。これは指を使うような、精度が低いポインティングデバイスを扱う場合に役立ちます。これらの値は、接触した領域全体 (ユーザの指先など) に可能な限り合う楕円を表すように設定されます。

注: プロパティの値の多くは、ハードウェア依存です。例えば、表面を押さえる力を検出する手段を持たない機器では、force の値が常に 0 になるでしょう。これは radiusXradiusY にもあてはまります。ハードウェアがひとつの点しか通知できない場合は、これらの値が 1 になるでしょう。

コンストラクター

Touch()
Touch オブジェクトを作成します。

プロパティ

このインターフェイスには親がなく、ほかのプロパティを継承または実装していません。

基本プロパティ

Touch.identifier 読取専用
Touch オブジェクトの一意な識別子を返します。あるタッチ点 (指などによる) は表面を移動している間、同じ識別子を持ち続けます。これにより、同一のタッチを終始追跡することが確実になります。
Touch.screenX 読取専用
画面の左端に対する、タッチ点の X 座標を返します。
Touch.screenY 読取専用
画面の上端に対する、タッチ点の Y 座標を返します。
Touch.clientX 読取専用
スクロールによるオフセットを含まず、ブラウザのビューポートの左端に対する、タッチ点の X 座標を返します。
Touch.clientY 読取専用
スクロールによるオフセットを含まず、ブラウザのビューポートの上端に対する、タッチ点の Y 座標を返します。
Touch.pageX 読取専用
ドキュメントの左端に対する、タッチ点の X 座標を返します。水平スクロールによるオフセットがある場合は、それを含むことが clientX と異なります。
Touch.pageY 読取専用
ドキュメントの上端に対する、タッチ点の Y 座標を返します。垂直スクロールによるオフセットがある場合は、それを含むことが clientY と異なります。
Touch.target 読取専用
タッチ点がタッチ面で最初に触れた位置にある Element を返します。タッチ点が要素の対話エリアの外に移動したり、ドキュメント上に存在しなくなっても同様です。

タッチ領域

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

Touch.radiusX 読取専用
画面に触れた領域にもっとも接近して囲むような、楕円の X 方向の半径を返します。この値は、screenX と同じ尺度のピクセル数で表します。
Touch.radiusY 読取専用
画面に触れた領域にもっとも接近して囲むような、楕円の Y 方向の半径を返します。この値は、screenY と同じ尺度のピクセル数で表します。
Touch.rotationAngle 読取専用
ユーザがタッチ面に触れた領域をもっとも正確に覆うために、radiusX および radiusY で表す楕円を時計回りに回転すべき角度 (単位は度 (degree)) を返します。
Touch.force読取専用
ユーザがタッチ面に与えた圧力を、0.0 (最小圧力) から 1.0 (最大圧力) の間の float で返します。

メソッド

このインターフェイスにはメソッドがなく、親もないのでメソッドを継承または実装していません。

仕様書

仕様書 状態 備考
Touch Events – Level 2
Touch の定義
ドラフト radiusX, radiusY, rotationAngle, force の各プロパティと Touch() コンストラクターを追加。
Touch Events
Touch の定義
勧告 初回定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
TouchChrome 完全対応 22Edge 完全対応 ≤18Firefox 完全対応 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 完全対応 79Firefox 完全対応 46IE 未対応 なしOpera 完全対応 35Safari 未対応 なしWebView Android 完全対応 48Chrome Android 完全対応 48Firefox Android 完全対応 6Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 5.0
clientXChrome 完全対応 22Edge 完全対応 ≤18Firefox 完全対応 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 完全対応 ≤18Firefox 完全対応 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 完全対応 ≤79Firefox 完全対応 ありIE 未対応 なしOpera 完全対応 ありSafari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
identifierChrome 完全対応 22Edge 完全対応 ≤18Firefox 完全対応 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 完全対応 ≤18Firefox 完全対応 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 完全対応 ≤18Firefox 完全対応 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 完全対応 ≤79Firefox ? IE 未対応 なしOpera 完全対応 ありSafari 未対応 なしWebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
radiusY
実験的
Chrome 完全対応 43Edge 完全対応 ≤79Firefox ? IE 未対応 なしOpera 完全対応 ありSafari 未対応 なしWebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
rotationAngle
実験的
Chrome 完全対応 43Edge 完全対応 ≤79Firefox ? IE 未対応 なしOpera 完全対応 ありSafari 未対応 なしWebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
screenXChrome 完全対応 22Edge 完全対応 ≤18Firefox 完全対応 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 完全対応 ≤18Firefox 完全対応 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 完全対応 ≤18Firefox 完全対応 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 完全対応 あり

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。

関連情報