1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
---
title: TouchEvent.changedTouches
slug: Web/API/TouchEvent/changedTouches
translation_of: Web/API/TouchEvent/changedTouches
---
<p>{{ APIRef("Touch Events") }}</p>
<h2 id="Summary">Сводка</h2>
<p>{{ domxref("TouchList") }} список точек касания (объекта {{domxref("Touch")}}), <span id="result_box" lang="ru"><span>смысл которых зависит от типа события</span></span>:</p>
<ul>
<li>Для события <code>touchstart</code>, это список точек касания, в которых появилось взаимодействие с поверхностью экрана.</li>
<li>Для события <code>touchmove</code>, это список точек касания, которые изменились с момента последнего события.</li>
<li>Для события <code>touchend</code>, это список точек касания, на которых прекратилось взаимодействие с поверхностью экрана (т. е. набор точек, где прервалось касание пальцами).</li>
</ul>
<p>Это свойство предназначено {{readonlyInline}}.</p>
<h2 id="Syntax">Синтаксис</h2>
<pre class="eval">var <em>changes</em> = <em>touchEvent</em>.changedTouches;
</pre>
<h3 id="Return_Value">Возвращаемое значение</h3>
<dl>
<dt><code>changes</code></dt>
<dd>Список {{ domxref("TouchList") }} объекта {{ domxref("Touch") }} в котором содержатся все точки касания для данного события.</dd>
</dl>
<h2 id="Пример">Пример</h2>
<p>Этот пример демонстрирует свойство {{domxref("TouchEvent.changedTouches")}} объекта {{domxref("TouchEvent")}}. Свойство {{domxref("TouchEvent.changedTouches")}} это — объект {{domxref("TouchList")}}, который содержит объект {{domxref("Touch")}} для каждой точки, где произошло событие.</p>
<p>В этом фрагменте кода обработчик события {{event("touchmove")}} выполняет перебор списка <code>changedTouches</code> и выводит в консоль <span id="result_box" lang="ru"><span>идентификатор каждой точки касания, где произошло изменение с последнего события.</span></span></p>
<pre class="brush: js">someElement.addEventListener('touchmove', function(e) {
// Iterate through the list of touch points that changed
// since the last event and print each touch point's identifier.
for (var i=0; i < e.changedTouches.length; i++) {
console.log("changedTouches[" + i + "].identifier = " + e.changedTouches[i].identifier);
}
}, false);
</pre>
<h2 id="Спецификации">Спецификации</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Спецификация</th>
<th scope="col">Статус</th>
<th scope="col">Комментарий</th>
</tr>
<tr>
<td>{{SpecName('Touch Events 2','#widl-TouchEvent-changedTouches')}}</td>
<td>{{Spec2('Touch Events 2')}}</td>
<td>Нестабильная версия.</td>
</tr>
<tr>
<td>{{SpecName('Touch Events','#widl-TouchEvent-changedTouches')}}</td>
<td>{{Spec2('Touch Events')}}</td>
<td>Начальное определение.</td>
</tr>
</tbody>
</table>
<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>
<p>{{Compat("api.TouchEvent.changedTouches")}}</p>
|
