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: 2-ui/99-ui-misc/02-selection-range/article.md
+11-11Lines changed: 11 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -171,7 +171,7 @@ Ci sono una serie di metodi comodi per manipolare i range.
171
171
172
172
Imposta l'inizio del range:
173
173
174
-
-`setStart(node, offset)` imposta l'inzio su: posizione `offset` nel `node`
174
+
-`setStart(node, offset)` imposta l'inizio su: posizione `offset` nel `node`
175
175
-`setStartBefore(node)` imposta l'inizio su: destra prima di `node`
176
176
-`setStartAfter(node)` imposta l'inizio su: destra dopo `node`
177
177
@@ -272,7 +272,7 @@ Qui potete vedere uno screenshot di una selezione con 3 range, fatta su Firefox:
272
272
273
273

274
274
275
-
Gli altri browser supportano al massimo 1 range. Come possiamo vedere, alcuni dei metodi di `Selection` implicano che possono esserci molti range, ma di nuovo, in tutti i browser, eccetto Firefox, ce ne possono essere un massimo di 1.
275
+
Gli altri browser supportano al massimo 1 range. Come possiamo vedere, alcuni dei metodi di `Selection` implicano che possono esserci molti range ma di nuovo, tutti i browser eccetto Firefox, ne possono avere massimo 1.
276
276
277
277
## Proprietà di Selection
278
278
@@ -369,7 +369,7 @@ As text: <span id="astext"></span>
369
369
I metodi di selezione per aggiungere/rimuovere i range:
370
370
371
371
-`getRangeAt(i)` -- ottiene il range numero i, partendo da '0'. In tutti i browser, tranne Firefox, viene usato solo `0`.
372
-
-`addRange(range)` -- aggiunge `range` alla selezione. Tutti i browser, eccetto Firefox ingnorano la chiamata,se la selezione ha già un range associato.
372
+
-`addRange(range)` -- aggiunge `range` alla selezione. Tutti i browser, eccetto Firefox, ignorano la chiamata,se la selezione ha già un range associato.
373
373
-`removeRange(range)` -- Rimuove `range` dalla selezione.
374
374
-`removeAllRanges()` -- Rimuove tutti i range.
375
375
-`empty()` -- alias per `removeAllRanges`.
@@ -413,17 +413,17 @@ Stessa cosa utilizzando però i range:
413
413
```
414
414
415
415
```smart header="Per selezionare, prima rimuovere la selezione esistente."
416
-
Nel caso in cui ci fosse già una selezione, prima rimuoverla tramite `removeAllRanges()`. Quindi aggiungere i range. Altrimenti, tutti i browser, eccetto Firefox, ignorerano i nuovi range.
416
+
Nel caso in cui ci fosse già una selezione, prima rimuoverla tramite `removeAllRanges()`. Quindi aggiungere i range. Altrimenti, tutti i browser eccetto Firefox, ignorerano i nuovi range.
417
417
418
418
L'eccezione a questa regola sono i metodi di selezione, che sostituiscono la selezione esistente, come `setBaseAndExtent`.
419
419
```
420
420
421
421
## Selezione nei controlli form
422
422
423
-
Gli elementi dei form, come `input` e `textarea` forniscono [API speciali per la selezione](https://html.spec.whatwg.org/#textFieldSelection), senza l'ausilio di `Selection` o `Range` objects. Dato che un valore di input è testo puro, e non HTML, ciònon ènecessario per questo tipo di oggetti, dato che è tutto semplificato.
423
+
Gli elementi dei form, come `input` e `textarea` forniscono [API speciali per la selezione](https://html.spec.whatwg.org/#textFieldSelection), senza l'ausilio di `Selection` o `Range` objects. Dato che un valore di input è testo puro, e non HTML, non si rende necessario usarli per questo tipo di oggetti, dato che è tutto semplificato.
424
424
425
425
Propretà:
426
-
-`input.selectionStart` -- posizione dell'inzio della selezione (scrivibile),
426
+
-`input.selectionStart` -- posizione dell'inizio della selezione (scrivibile),
427
427
-`input.selectionEnd` -- posizione della fine della selezione (scrivibile),
428
428
-`input.selectionDirection` -- direzione della selezione, un valore tra: "forward", "backward" o "none" (se, ad esempio, selezuonato attraverso un doppio click del mouse),
429
429
@@ -436,20 +436,20 @@ Metodi:
436
436
-`input.setSelectionRange(start, end, [direction])` -- cambia la selezione per andare dalla poisizione `start` fino a `end`, nella data direzione (opzionale).
437
437
-`input.setRangeText(replacement, [start], [end], [selectionMode])` -- sostituisce un range di testo con il nuovo testo.
438
438
439
-
Se forniti, gli argomenti opzionali `start` ed `end`, impostano l'inzio e la fine del range, altrimenti viene usata la selezione dell'utente.
439
+
Se forniti, gli argomenti opzionali `start` ed `end`, impostano l'inizio e la fine del range, altrimenti viene usata la selezione dell'utente.
440
440
441
-
L'ultimo arigomento, `selectionMode`, determina come la selezione verrà impostata dopo che il testo verrà rimpiazzato. Ivalori possibili sono:
441
+
L'ultimo argomento, `selectionMode`, determina come la selezione verrà impostata dopo che il testo verrà rimpiazzato. I valori possibili sono:
442
442
443
-
-`"select"` -- il nuovo testo inseirito verrà selezionato.
443
+
-`"select"` -- il nuovo testo inserito, verrà selezionato.
444
444
-`"start"` -- il range di selezione collasserà subito prima del testo inserito (il cursore verrà posizionato subito prima di esso).
445
445
-`"end"` -- il range di selezione collassa subito prima del testo inserito (il curosre verrà posizionato alla sua destra).
446
446
-`"preserve"` -- tenta di preservare la selezione. Questo è il comportamendo predefinito.
447
447
448
-
Vediamo quiesti metodi in azione.
448
+
Vediamo questi metodi in azione.
449
449
450
450
### Esempio: tenere traccia della selezione
451
451
452
-
Per esempio, questo codice usa l'evento `onselect` per tenere traccia della selezione:
452
+
Qquesto codice usa l'evento `onselect` per tenere traccia della selezione:
0 commit comments