Skip to content

Commit 5a95848

Browse files
committed
Made edits after review from @deblasis - my grammar needs work!
1 parent 1e9ddfe commit 5a95848

File tree

1 file changed

+49
-49
lines changed

1 file changed

+49
-49
lines changed

Diff for: content/docs/reference-events.md

+49-49
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,11 @@ layout: docs
66
category: Reference
77
---
88

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ù.
1010

1111
## Panoramica {#overview}
1212

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.
1414

1515
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:
1616

@@ -33,17 +33,17 @@ string type
3333

3434
> Nota:
3535
>
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.
3737
38-
### Raggruppamento Eventi {#event-pooling}
38+
### Pooling degli Eventi {#event-pooling}
3939

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.
4343

4444
```javascript
4545
function onClick(event) {
46-
console.log(event); // => nullified object.
46+
console.log(event); // => oggetto nullifficato.
4747
console.log(event.type); // => "click"
4848
const eventType = event.type; // => "click"
4949

@@ -52,37 +52,37 @@ function onClick(event) {
5252
console.log(eventType); // => "click"
5353
}, 0);
5454

55-
// Won't work. this.state.clickEvent will only contain null values.
55+
// Non funzionerebbe. this.state.clickEvent conterrà solo valori nulli
5656
this.setState({clickEvent: event});
5757

58-
// You can still export event properties.
58+
// YPuoi comunque esportare le proprietà dell'evento.
5959
this.setState({eventType: event.type});
6060
}
6161
```
6262

6363
> Nota:
6464
>
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.
6666
6767
## Eventi Supportati {#supported-events}
6868

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.
7070

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`.
7272

7373
- [Eventi degli Appunti](#clipboard-events)
7474
- [Eventi della Composizione](#composition-events)
7575
- [Eventi della Tastiera](#keyboard-events)
7676
- [Eventi di Focus](#focus-events)
7777
- [Eventi di Form](#form-events)
7878
- [Eventi del Mouse](#mouse-events)
79-
- [Eventi del Cursore](#pointer-events)
79+
- [Eventi del Puntatore](#pointer-events)
8080
- [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)
8686
- [Eventi delle Animazioni](#animation-events)
8787
- [Eventi della Transizione](#transition-events)
8888
- [Altri Eventi](#other-events)
@@ -93,7 +93,7 @@ L'event handlers sotto sono scatenato da un event in la fase di gorgogliante. Pe
9393

9494
### Eventi degli Appunti {#clipboard-events}
9595

96-
Nomi dell'eventi:
96+
Nomi degli eventi:
9797

9898
```
9999
onCopy onCut onPaste
@@ -109,7 +109,7 @@ DOMDataTransfer clipboardData
109109

110110
### Eventi della Composizione {#composition-events}
111111

112-
Nomi dell'eventi:
112+
Nomi degli eventi:
113113

114114
```
115115
onCompositionEnd onCompositionStart onCompositionUpdate
@@ -126,7 +126,7 @@ string data
126126

127127
### Eventi della Tastiera {#keyboard-events}
128128

129-
Nomi dell'eventi:
129+
Nomi degli eventi:
130130

131131
```
132132
onKeyDown onKeyPress onKeyUp
@@ -149,19 +149,19 @@ boolean shiftKey
149149
number which
150150
```
151151

152-
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).
153153

154154
* * *
155155

156156
### Eventi di Focus {#focus-events}
157157

158-
Nomi dell'eventi:
158+
Nomi degli eventi:
159159

160160
```
161161
onFocus onBlur
162162
```
163163

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.
165165

166166
Proprietà:
167167

@@ -173,27 +173,27 @@ DOMEventTarget relatedTarget
173173

174174
### Eventi di Form {#form-events}
175175

176-
Nomi dell'eventi:
176+
Nomi degli eventi:
177177

178178
```
179179
onChange onInput onInvalid onSubmit
180180
```
181181

182-
Per più informazioni For more information sul evento onChange, vedi [Forms](/docs/forms.html).
182+
Per maggiori informazioni sull'evento onChange, vedi [Forms](/docs/forms.html).
183183

184184
* * *
185185

186186
### Eventi del Mouse {#mouse-events}
187187

188-
Nomi dell'eventi:
188+
Nomi degli eventi:
189189

190190
```
191191
onClick onContextMenu onDoubleClick onDrag onDragEnd onDragEnter onDragExit
192192
onDragLeave onDragOver onDragStart onDrop onMouseDown onMouseEnter onMouseLeave
193193
onMouseMove onMouseOut onMouseOver onMouseUp
194194
```
195195

196-
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_.
197197

198198
Proprietà:
199199

@@ -216,20 +216,20 @@ boolean shiftKey
216216

217217
* * *
218218

219-
### Eventi del Cursore {#pointer-events}
219+
### Eventi del Puntatore {#pointer-events}
220220

221-
Nomi dell'eventi:
221+
Nomi degli eventi:
222222

223223
```
224224
onPointerDown onPointerMove onPointerUp onPointerCancel onGotPointerCapture
225225
onLostPointerCapture onPointerEnter onPointerLeave onPointerOver onPointerOut
226226
```
227227

228-
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_.
229229

230230
Proprietà:
231231

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à:
233233

234234
```javascript
235235
number pointerId
@@ -244,27 +244,27 @@ string pointerType
244244
boolean isPrimary
245245
```
246246

247-
Una nota di cross-browser supporto:
247+
Una nota sul supporto cross-browser:
248248

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`.
250250

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.
252252

253253
* * *
254254

255255
### Eventi della Selezione {#selection-events}
256256

257-
Nomi dell'eventi:
257+
Nomi degli eventi:
258258

259259
```
260260
onSelect
261261
```
262262

263263
* * *
264264

265-
### Eventi Tattile {#touch-events}
265+
### Eventi Tattili {#touch-events}
266266

267-
Nomi dell'eventi:
267+
Nomi degli eventi:
268268

269269
```
270270
onTouchCancel onTouchEnd onTouchMove onTouchStart
@@ -285,9 +285,9 @@ DOMTouchList touches
285285

286286
* * *
287287

288-
### Eventi della Interfaccia Utente {#ui-events}
288+
### Eventi dell'Interfaccia Utente {#ui-events}
289289

290-
Nomi dell'eventi:
290+
Nomi degli eventi:
291291

292292
```
293293
onScroll
@@ -302,9 +302,9 @@ DOMAbstractView view
302302

303303
* * *
304304

305-
### Eventi della Ruota {#wheel-events}
305+
### Eventi della Rotella del Mouse {#wheel-events}
306306

307-
Nomi dell'eventi:
307+
Nomi degli eventi:
308308

309309
```
310310
onWheel
@@ -321,9 +321,9 @@ number deltaZ
321321

322322
* * *
323323

324-
### Eventi degli Media {#media-events}
324+
### Eventi dei Media {#media-events}
325325

326-
Nomi dell'eventi:
326+
Nomi degli eventi:
327327

328328
```
329329
onAbort onCanPlay onCanPlayThrough onDurationChange onEmptied onEncrypted
@@ -336,7 +336,7 @@ onTimeUpdate onVolumeChange onWaiting
336336

337337
### Eventi della Immagine {#image-events}
338338

339-
Nomi dell'eventi:
339+
Nomi degli eventi:
340340

341341
```
342342
onLoad onError
@@ -346,7 +346,7 @@ onLoad onError
346346

347347
### Eventi delle Animazioni {#animation-events}
348348

349-
Nomi dell'eventi:
349+
Nomi degli eventi:
350350

351351
```
352352
onAnimationStart onAnimationEnd onAnimationIteration
@@ -364,7 +364,7 @@ float elapsedTime
364364

365365
### Eventi della Transizione {#transition-events}
366366

367-
Nomi dell'eventi:
367+
Nomi degli eventi:
368368

369369
```
370370
onTransitionEnd
@@ -382,7 +382,7 @@ float elapsedTime
382382

383383
### Altri Eventi {#other-events}
384384

385-
Nomi dell'eventi:
385+
Nomi degli eventi:
386386

387387
```
388388
onToggle

0 commit comments

Comments
 (0)