selezione automatica del testo è utile quando è necessario per evidenziare il testo della pagina Web per un utente. siti di generazione di codice, ad esempio, spesso permettono agli utenti di cliccare pulsanti che Evidenziare e selezionare il testo all'interno di una casella di testo. Evidenziare il testo HTML elimina automaticamente la necessità per gli utenti di individuare la casella di testo, fare clic sul testo e quindi premere "Ctrl" e "A" per selezionarla. Utilizzando alcuni comandi JavaScript, è possibile aggiungere questa funzionalità a qualsiasi pagina del tuo sito web.

istruzione

1 Lanciate il vostro editor HTML o Notepad.

2 Aprire uno della tua pagina web documenti HTML, e aggiungere il seguente codice alla sezione "corpo" del documento:

<textarea rows = "6" cols = "40" id = "Textarea1">

Testo all'interno Textarea

</ Textarea>

<Input id = type = valore "Button2 tasto" "" = "button" onclick = "tornare SelectText ()" />

Questo crea un controllo textarea che contiene il testo. Che il controllo ha una proprietà "id" il cui valore è "Textarea1." L'ultima riga di codice crea un pulsante. Quando si fa clic, questo pulsante si richiama una funzione JavaScript che seleziona il testo del controllo.

3 Aggiungere il seguente codice JavaScript alla sezione "testa" del documento:

<Script language = tipo "javascript" = "text / javascript">

var myObject = "Textarea1";

Funzione SelectText () {

var myObjectReference = document.getElementById (id);

myObjectReference.focus ();

myObjectReference.select ();

}

</ Script>

La prima riga di codice crea una variabile denominata "myObject." Il suo valore contiene l'ID fuori l'oggetto di cui il testo che si desidera selezionare. In questo esempio, tale valore è l'ID della textarea definito nel passaggio precedente. L'affermazione "document.getElementById" all'interno della funzione ottiene un riferimento all'oggetto e lo memorizza in "myObjectReference." Le ultime due affermazioni nella funzione impostare l'attenzione del browser per l'oggetto e selezionare il testo dell'oggetto.

4 Salvare il documento e aprirlo nel browser. Fare clic sul pulsante. Il pulsante chiama la funzione JavaScript che mette in evidenza e seleziona il testo HTML nel controllo textarea.

Consigli e avvertenze

• Il "focus" e "Select" istruzioni JavaScript mostrate in questi passaggi funzionano con qualsiasi oggetto HTML che contiene testo. Per esempio, se la pagina Web ha una casella di testo il cui ID è "MyTextBox," cambiare il valore della variabile myObject myObject JavaScript da "Textarea1" a "MyTextBox."