blob: aa774185130d4580a0bee7787440e0663672e0fd (
plain)
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
---
title: devicemotion
slug: Web/API/Window/devicemotion_event
translation_of: Web/API/Window/devicemotion_event
original_slug: FUEL/Window/devicemotion_event
---
<p>L'événement devicemotion est déclenché à intervalles réguliers et indique la quantité de force physique d'accélération que le périphérique reçoit à ce moment. Il fournit également des informations sur le taux de rotation, si disponible.</p>
<h2 id="Informations_générales">Informations générales</h2>
<dl>
<dt style="float: left; text-align: right; width: 120px;">Spécification</dt>
<dd style="margin: 0 0 0 120px;"><a href="http://www.w3.org/TR/orientation-event/#devicemotion">DeviceOrientation Event</a></dd>
<dt style="float: left; text-align: right; width: 120px;">Interface</dt>
<dd style="margin: 0 0 0 120px;">DeviceMotionEvent</dd>
<dt style="float: left; text-align: right; width: 120px;">Propagation</dt>
<dd style="margin: 0 0 0 120px;">Non</dd>
<dt style="float: left; text-align: right; width: 120px;">Annulable</dt>
<dd style="margin: 0 0 0 120px;">Non</dd>
<dt style="float: left; text-align: right; width: 120px;">Cible</dt>
<dd style="margin: 0 0 0 120px;">DefaultView (<code>window</code>)</dd>
<dt style="float: left; text-align: right; width: 120px;">Action par défaut</dt>
<dd style="margin: 0 0 0 120px;">Aucune</dd>
</dl>
<h2 id="Propriétés">Propriétés</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Property</th>
<th scope="col">Type</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>target</code> Lecture seule </td>
<td><a href="/fr/docs/Web/API/EventTarget"><code>EventTarget</code></a></td>
<td>The event target (the topmost target in the DOM tree).</td>
</tr>
<tr>
<td><code>type</code> Lecture seule </td>
<td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td>
<td>The type of event.</td>
</tr>
<tr>
<td><code>bubbles</code> Lecture seule </td>
<td><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Boolean"><code>Boolean</code></a></td>
<td>Whether the event normally bubbles or not</td>
</tr>
<tr>
<td><code>cancelable</code> Lecture seule </td>
<td><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Boolean"><code>Boolean</code></a></td>
<td>Whether the event is cancellable or not?</td>
</tr>
<tr>
<td><code>acceleration</code> Lecture seule </td>
<td><a href="/fr/docs/Web/API/DeviceAcceleration"><code>DeviceAcceleration</code></a></td>
<td>The acceleration of the device. This value has taken into account the effect of gravity and removed it from the figures. This value may not exist if the hardware doesn't know how to remove gravity from the acceleration data.</td>
</tr>
<tr>
<td><code>accelerationIncludingGravity </code>Lecture seule </td>
<td><a href="/fr/docs/Web/API/DeviceAcceleration"><code>DeviceAcceleration</code></a></td>
<td>The acceleration of the device. This value includes the effect of gravity, and may be the only value available on devices that don't have a gyroscope to allow them to properly remove gravity from the data.</td>
</tr>
<tr>
<td><code>interval</code> Lecture seule </td>
<td>double</td>
<td>The interval, in milliseconds, at which the DeviceMotionEvent is fired. The next event will be fired in approximately this amount of time.</td>
</tr>
<tr>
<td><code>rotationRate</code> Lecture seule </td>
<td><a href="/fr/docs/Web/API/DeviceRotationRate"><code>DeviceRotationRate</code></a></td>
<td>The rates of rotation of the device about all three axes.</td>
</tr>
</tbody>
</table>
<h2 id="Exemple">Exemple</h2>
<pre class="brush: js">function handleMotionEvent(event) {
var x = event.accelerationIncludingGravity.x;
var y = event.accelerationIncludingGravity.y;
var z = event.accelerationIncludingGravity.z;
// Faire quelque chose de génial.
}
window.addEventListener("devicemotion", handleMotionEvent, true);
</pre>
<h2 id="Evénements_liés">Evénements liés</h2>
<ul>
<li><a href="/fr/docs/Mozilla_event_reference/deviceorientation"><code>deviceorientation</code></a></li>
</ul>
|
