aboutsummaryrefslogtreecommitdiff
path: root/files/it/web/api/window/devicemotion_event/index.html
blob: bbc0b22717455f561b03ba1e29c18e0537bb9c15 (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
---
title: devicemotion
slug: Web/API/Window/devicemotion_event
translation_of: Web/API/Window/devicemotion_event
---
<p>L'evento devicemotion viene attivato a intervalli regolari e indica la quantità di forza fisica dell'accellezazione che il dispositivo riceve in quel dato momento. Fornisce inoltre informazioni circa la velocità di rotazione, se disponibili.</p>

<h2 id="Informazioni_Generali">Informazioni Generali</h2>

<dl>
 <dt style="float: left; text-align: right; width: 120px;">Specifica</dt>
 <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/orientation-event/#devicemotion">DeviceOrientation Event</a></dd>
 <dt style="float: left; text-align: right; width: 120px;">Interfaccia</dt>
 <dd style="margin: 0 0 0 120px;">DeviceMotionEvent</dd>
 <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
 <dd style="margin: 0 0 0 120px;">No</dd>
 <dt style="float: left; text-align: right; width: 120px;">Cancellabile</dt>
 <dd style="margin: 0 0 0 120px;">No</dd>
 <dt style="float: left; text-align: right; width: 120px;">Bersaglio</dt>
 <dd style="margin: 0 0 0 120px;">DefaultView (<code>window</code>)</dd>
 <dt style="float: left; text-align: right; width: 120px;">Azione predefinita</dt>
 <dd style="margin: 0 0 0 120px;">nessuna</dd>
</dl>

<h2 id="Propietà">Propietà</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> {{readonlyInline}}</td>
   <td>{{domxref("EventTarget")}}</td>
   <td>The event target (the topmost target in the DOM tree).</td>
  </tr>
  <tr>
   <td><code>type</code> {{readonlyInline}}</td>
   <td>{{domxref("DOMString")}}</td>
   <td>The type of event.</td>
  </tr>
  <tr>
   <td><code>bubbles</code> {{readonlyInline}}</td>
   <td>{{jsxref("Boolean")}}</td>
   <td>Whether the event normally bubbles or not</td>
  </tr>
  <tr>
   <td><code>cancelable</code> {{readonlyInline}}</td>
   <td>{{jsxref("Boolean")}}</td>
   <td>Whether the event is cancellable or not?</td>
  </tr>
  <tr>
   <td><code>acceleration</code> {{readonlyInline}}</td>
   <td>{{domxref("DeviceAcceleration")}}</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>{{readonlyInline}}</td>
   <td>{{domxref("DeviceAcceleration")}}</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> {{readonlyInline}}</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> {{readonlyInline}}</td>
   <td>{{domxref("DeviceRotationRate")}}</td>
   <td>The rates of rotation of the device about all three axes.</td>
  </tr>
 </tbody>
</table>

<h2 id="Esempio">Esempio</h2>

<pre class="brush: js">function handleMotionEvent(event) {

    var x = event.accelerationIncludingGravity.x;
    var y = event.accelerationIncludingGravity.y;
    var z = event.accelerationIncludingGravity.z;

    // Fai qualcosa di maestoso.
}

window.addEventListener("devicemotion", handleMotionEvent, true);
</pre>

<h2 id="Eventi_correlati">Eventi correlati</h2>

<ul>
 <li><a href="/en-US/docs/Mozilla_event_reference/deviceorientation"><code>deviceorientation</code></a></li>
</ul>