You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/reference-events.md
+49-49
Original file line number
Diff line number
Diff line change
@@ -6,11 +6,11 @@ layout: docs
6
6
category: Reference
7
7
---
8
8
9
-
Questa guida di riferimento documenta il contenitore `SyntheticEvent` che forma parte della sistema di React. Consulti la guida [Gestendo Eventi](/docs/handling-events.html) per imparare più.
9
+
Questa guida di riferimento documenta il contenitore `SyntheticEvent` che fa parte del sistema di eventi di React. Consulta la guida [Gestione degli Eventi](/docs/handling-events.html) per saperne di più.
10
10
11
11
## Panoramica {#overview}
12
12
13
-
Tuoi event handlers saranno passato istanze di `SyntheticEvent`, un cross-browser contenitore intorno all'evento nativo di browser. Lo ha stesso interfaccia come l'evento nativo di browser, compresi `stopPropagation()` e `preventDefault()`, eccetto gli eventi lavorano in modo identico in tutti browser.
13
+
I tuoi event handlers riceveranno istanze di `SyntheticEvent`, un contenitore cross-browser intorno all'evento nativo del browser. Hanno entrambi la stessa interfaccia, compresi `stopPropagation()` e `preventDefault()`, l'eccezione sta nel fatto che gli eventi funzionano in modo identico in tutti i browser.
14
14
15
15
Se constatati avere bisogno del evento di browser sottostante per qualche motivo, semplice usi il `nativeEvent` attributo lo portarti. Ogni `SyntheticEvent` oggetto ha gli seguente attributi:
16
16
@@ -33,17 +33,17 @@ string type
33
33
34
34
> Nota:
35
35
>
36
-
> A partire da v0.14, restituendo`false` da un event handler non più fermerà l'evento propagazione. Invece, `e.stopPropagation()` o `e.preventDefault()`dovrebbe essere scatenato manualmente, come appropriato.
36
+
> A partire da v0.14, ritornare`false` da un event handler non fermerà la propagazione dell'evento come avveniva in precedenza. Invece, `e.stopPropagation()` o `e.preventDefault()`dovrebbero essere invocati manualmente, ove opportuno.
37
37
38
-
### Raggruppamento Eventi {#event-pooling}
38
+
### Pooling degli Eventi {#event-pooling}
39
39
40
-
Il `SyntheticEvent` è raggruppato. Questo significa che il `SyntheticEvent`oggetto sarà riusato e tutte proprietà sarà assegnando nullo dopo il callback dell'evento è stato invocato.
41
-
Questo è per motivi di prestazione.
42
-
Come tale, non puoi avere accesso all'evento in un modo asincrono.
40
+
`SyntheticEvent` è _pooled_, ovvero "accomunato". Questo significa che un oggetto `SyntheticEvent` sarà riutilizzato e che tutte proprietà verranno resettate a `null` non appena la callback dell'evento è stata invocata.
41
+
Ciò avviene per migliorare le prestazioni.
42
+
Per questo, non puoi avere accesso all'evento in modo asincrono.
43
43
44
44
```javascript
45
45
functiononClick(event) {
46
-
console.log(event); // => nullified object.
46
+
console.log(event); // => oggetto nullifficato.
47
47
console.log(event.type); // => "click"
48
48
consteventType=event.type; // => "click"
49
49
@@ -52,37 +52,37 @@ function onClick(event) {
52
52
console.log(eventType); // => "click"
53
53
}, 0);
54
54
55
-
//Won't work. this.state.clickEvent will only contain null values.
55
+
//Non funzionerebbe. this.state.clickEvent conterrà solo valori nulli
56
56
this.setState({clickEvent:event});
57
57
58
-
//You can still export event properties.
58
+
//YPuoi comunque esportare le proprietà dell'evento.
59
59
this.setState({eventType:event.type});
60
60
}
61
61
```
62
62
63
63
> Nota:
64
64
>
65
-
> Se vuoi avere accesso le proprietà in un modo asincrono, dovresti invocare `event.persist()` sull'evento, quale rimuoverà l'evento sintetico dal pool e permettono riferimenti all'evento essere conservato da codice utente.
65
+
> Se vuoi avere accesso alle proprietà in modo asincrono, dovresti invocare `event.persist()` sull'evento, il quale rimuoverà l'evento sintetico dal pool permettendo ai riferimenti all'evento di rimanere mantenuti dal codice utente.
66
66
67
67
## Eventi Supportati {#supported-events}
68
68
69
-
React normalizza eventi così che hanno proprietà coerente in tutti browser.
69
+
React normalizza gli eventi per far sì che abbiano proprietà coerenti in tutti browser.
70
70
71
-
L'event handlers sotto sono scatenato da un event in la fase di gorgogliante. Per registrare un event handler per la fase di salvataggio, affiggi`Capture` al nome dell'evento; per esempio, invece di usando`onClick`, useresti `onClickCapture` per gestire l'evento della clicca nella fase salvataggia.
71
+
Gli event handlers di seguito vengono scatenati da un evento nella fase di [bubbling](https://developer.mozilla.org/it/docs/Learn/JavaScript/Building_blocks/Eventi#Event_bubbling_and_capture). Per registrare un event handler per la fase di [capture](https://developer.mozilla.org/it/docs/Learn/JavaScript/Building_blocks/Eventi#Event_bubbling_and_capture), aggiungi`Capture` al nome dell'evento; per esempio, invece di usare`onClick`, useresti `onClickCapture` per gestire l'evento click nella fase di `capture`.
72
72
73
73
-[Eventi degli Appunti](#clipboard-events)
74
74
-[Eventi della Composizione](#composition-events)
75
75
-[Eventi della Tastiera](#keyboard-events)
76
76
-[Eventi di Focus](#focus-events)
77
77
-[Eventi di Form](#form-events)
78
78
-[Eventi del Mouse](#mouse-events)
79
-
-[Eventi del Cursore](#pointer-events)
79
+
-[Eventi del Puntatore](#pointer-events)
80
80
-[Eventi della Selezione](#selection-events)
81
-
-[Eventi Tattile](#touch-events)
82
-
-[Eventi della Interfaccia Utente](#ui-events)
83
-
-[Eventi della Ruota](#wheel-events)
84
-
-[Eventi degli Media](#media-events)
85
-
-[Eventi della Immagine](#image-events)
81
+
-[Eventi Tattili](#touch-events)
82
+
-[Eventi dell'Interfaccia Utente](#ui-events)
83
+
-[Eventi della Rotella del Mouse](#wheel-events)
84
+
-[Eventi dei Media](#media-events)
85
+
-[Eventi dell'Immagine](#image-events)
86
86
-[Eventi delle Animazioni](#animation-events)
87
87
-[Eventi della Transizione](#transition-events)
88
88
-[Altri Eventi](#other-events)
@@ -93,7 +93,7 @@ L'event handlers sotto sono scatenato da un event in la fase di gorgogliante. Pe
93
93
94
94
### Eventi degli Appunti {#clipboard-events}
95
95
96
-
Nomi dell'eventi:
96
+
Nomi degli eventi:
97
97
98
98
```
99
99
onCopy onCut onPaste
@@ -109,7 +109,7 @@ DOMDataTransfer clipboardData
109
109
110
110
### Eventi della Composizione {#composition-events}
La `key`proprietà può accettare uno qualsiasi dei valori documentati nel [DOM Livello 3 Eventi specificazione](https://www.w3.org/TR/uievents-key/#named-key-attribute-values).
152
+
La proprietà `key` può accettare uno qualsiasi dei valori documentati nelle [specifiche degli Eventi del DOM Livello 3](https://www.w3.org/TR/uievents-key/#named-key-attribute-values).
153
153
154
154
* * *
155
155
156
156
### Eventi di Focus {#focus-events}
157
157
158
-
Nomi dell'eventi:
158
+
Nomi degli eventi:
159
159
160
160
```
161
161
onFocus onBlur
162
162
```
163
163
164
-
Questi eventi di focus lavorano su tutti elementi nel React Dom, non solo elementi di form.
164
+
Questi eventi di focus funzionano con tutti elementi nel React DOM, non solo elementi form.
Il `onMouseEnter` e `onMouseLeave`eventi si propagano dal elemento essendo lasciato al uno essendo entrato invece il gorgogliante ordinario e non hanno una fase salvataggia.
196
+
Gli eventi `onMouseEnter` e `onMouseLeave`vengono propagati dall'elemento che viene lasciato a quello che viene acceduto invece di seguire il normale _bubbling_ e non hanno una fase di _capture_. (Clicca [qui](https://developer.mozilla.org/it/docs/Learn/JavaScript/Building_blocks/Eventi#Event_bubbling_and_capture) per maggiori informazioni su _bubbling_ e _capture_.
Il `onPointerEnter` e `onPointerLeave`eventi si propagano dal elemento essendo lasciato al uno essendo entrato invece il gorgogliante ordinario e non hanno una fase salvataggia.
228
+
Gli eventi `onPointerEnter` e `onPointerLeave`vengono propagati dall'elemento che viene lasciato a quello che viene acceduto invece di seguire il normale _bubbling_ e non hanno una fase di _capture_. (Clicca [qui](https://developer.mozilla.org/it/docs/Learn/JavaScript/Building_blocks/Eventi#Event_bubbling_and_capture) per maggiori informazioni su _bubbling_ e _capture_.
229
229
230
230
Proprietà:
231
231
232
-
Come definato nel [W3 specificazione](https://www.w3.org/TR/pointerevents/), eventi del cursore estendono [Eventi del Mouse](#mouse-events) con le seguente proprietà:
232
+
Come definito nelle [specifiche W3](https://www.w3.org/TR/pointerevents/), gli eventi del cursore estendono gli[Eventi del Mouse](#mouse-events) con le seguente proprietà:
233
233
234
234
```javascript
235
235
number pointerId
@@ -244,27 +244,27 @@ string pointerType
244
244
boolean isPrimary
245
245
```
246
246
247
-
Una nota di cross-browser supporto:
247
+
Una nota sul supporto cross-browser:
248
248
249
-
Eventi del cursore non sono ancora supportato in tutti browser (al tempo di scrittando questo articolo), browsers supportati includono: Chrome, Firefox, Edge, e Internet Explorer). React deliberatamente non polyfill supporto per altri browser perché un conforme-normale polyfill aumenterebbe il dimensione di carico di `react-dom` molto.
249
+
Gli eventi del puntatore non sono ancora supportati in tutti i browser (al momento della scrittura di questo articolo), tra quelli supportati abbiamo: Chrome, Firefox, Edge, e Internet Explorer). React deliberatamente non offre supporto agli altri browsers mediante polyfill in quanto ciò aumenterebbe in modo considerevole la dimensione del pacchetto `react-dom`.
250
250
251
-
Se tua applicazione desideri eventi del cursore, raccomandiamo aggiungiendo un cursore evento polyfill di terzo.
251
+
Se la tua applicazione richiede l'utilizzo degli eventi del puntatore, raccomandiamo l'uso di una polyfill specifica di terze parti.
252
252
253
253
* * *
254
254
255
255
### Eventi della Selezione {#selection-events}
256
256
257
-
Nomi dell'eventi:
257
+
Nomi degli eventi:
258
258
259
259
```
260
260
onSelect
261
261
```
262
262
263
263
* * *
264
264
265
-
### Eventi Tattile {#touch-events}
265
+
### Eventi Tattili {#touch-events}
266
266
267
-
Nomi dell'eventi:
267
+
Nomi degli eventi:
268
268
269
269
```
270
270
onTouchCancel onTouchEnd onTouchMove onTouchStart
@@ -285,9 +285,9 @@ DOMTouchList touches
285
285
286
286
* * *
287
287
288
-
### Eventi della Interfaccia Utente {#ui-events}
288
+
### Eventi dell'Interfaccia Utente {#ui-events}
289
289
290
-
Nomi dell'eventi:
290
+
Nomi degli eventi:
291
291
292
292
```
293
293
onScroll
@@ -302,9 +302,9 @@ DOMAbstractView view
302
302
303
303
* * *
304
304
305
-
### Eventi della Ruota {#wheel-events}
305
+
### Eventi della Rotella del Mouse {#wheel-events}
0 commit comments