touches
is a read-only
TouchList
listing all the
触摸
objects for touch points that are currently in contact with the touch surface, regardless of whether or not they've changed or what their target element was at
touchstart
time.
You can think of it as how many separate fingers are able to be identified as touching the screen.
var touches = touchEvent.touches;
touches
TouchList
listing all the
触摸
objects for touch points that are still in contact with the touch surface, regardless of whether or not they've changed or what their target element was at
touchstart
time.
This example illustrates the
TouchEvent
对象的
TouchEvent.touches
property. The
TouchEvent.touches
特性为
TouchList
object and containing a list of
触摸
objects for every point of contact currently touching the surface.
In following code snippet, the
touchstart
event handler checks the length of the
TouchEvent.touches
list to determine the number of touch points that were activated and then invokes different handlers depending on the number of touch points.
someElement.addEventListener('touchstart', function(e) {
// Invoke the appropriate handler depending on the
// number of touch points.
switch (e.touches.length) {
case 1: handle_one_touch(e); break;
case 2: handle_two_touches(e); break;
case 3: handle_three_touches(e); break;
default: console.log("Not supported"); break;
}
}, false);
| 规范 | 状态 | 注释 |
|---|---|---|
| Touch Events – Level 2 | 草案 | 非稳定版本。 |
| 触摸事件 | 推荐 | 初始定义。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
touches
|
Chrome 22 | Edge ≤18 |
Firefox
52
|
IE No | Opera Yes | Safari No | WebView Android Yes | Chrome Android Yes | Firefox Android 6 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
完整支持
不支持
TouchEvent