Evidenziando le aree di testo e JavaScript Syntax

February 14



Utilizzando le funzioni JavaScript, gli sviluppatori Web evidenziare il testo di input all'interno di un elemento di testo della pagina Web. elementi HTML come testo-campi e testo-aree contengono sia testo predefinito indicato entro pagina di codice di markup o il testo immesso dall'utente. JavaScript funzioni evidenziare il testo visualizzato in un elemento di ingresso utilizzando la selezione e si concentrano i metodi, sia di cui solo richiedono una sola riga di codice.

elemento HTML

Funzioni pagina Web in JavaScript evidenziare il testo che appare all'interno di un elemento di input. L'elemento di input può essere sia un campo di testo o un testo-zona. Il seguente esempio di codice di markup HTML crea un elemento di testo area all'interno di una pagina web:

<textarea rows = "5" cols = "15" id = "MyText">

Ecco il testo text-area predefinita.

</ Textarea>

Questo estratto potrebbe funzionare all'interno di un modulo HTML progettato per catturare l'input dell'utente. La funzione JavaScript può utilizzare l'attributo ID per identificare l'elemento di testo-area all'interno del HTML DOM (Document Object Model).

elemento di riferimento

funzioni JavaScript compaiono all'interno di sezioni di testa di pagina Web o in alternativa all'interno di file di script separati legati alla dalla pagina. Lo schema seguente esempio funzione acquisisce un riferimento al testo area nella pagina:

Funzione highlightText (textArea) {

var TAREA = document.getElementById (textArea);

// Evidenziando il codice qui

}

Questa funzione utilizza un elemento di dati che riceve quando chiamato, indicando l'ID dell'elemento text-area nella pagina. Usando questo valore ID, il codice ottiene un riferimento all'elemento metodo di scrittura, memorizzandolo in una variabile.

Messa a fuoco

Il metodo di messa a fuoco in JavaScript dà un input focus elemento di interazione. Un elemento è concentrarsi se è pronto per l'utente di interagire con esso senza dover cliccare o selezionarlo prima. Gli utenti che interagiscono con i moduli HTML possono scegliere quale elemento di ingresso desiderano completare successiva facendo clic o tabulazione con elementi del modulo. Tuttavia, le funzioni JavaScript possono anche eseguire questa operazione, come nel seguente codice di esempio:

tArea.focus ();

Selezionare

Il metodo di selezione in JavaScript seleziona il contenuto di un elemento di testo nella pagina, evidenziando come essa appare nel browser dell'utente. La sintassi seguente esempio dimostra evidenziando il testo all'interno del dato elemento text-area dopo dandogli fuoco:

tArea.select ();

Una volta che questa linea viene eseguito, il testo verrà evidenziato al riempimento utente nella forma all'interno della pagina attualmente visualizzata nel browser.

chiamata funzione

pagine HTML possono richiamare le funzioni di testo evidenziazione eventi dell'utente, come cliccare all'interno della pagina. Il seguente markup esteso text-area HTML dimostra chiamando la funzione di evidenziazione quando l'utente fa clic sul testo-zona con il mouse:

<textarea rows = "5" cols = "15" id = "MyText" onclick = "highlightText (this.id)">

Ecco il testo text-area predefinita.

</ Textarea>

Quando l'elemento specifica la chiamata di funzione per eseguire il clic, passa anche l'attributo ID, in modo che la funzione può utilizzare per identificare l'elemento della pagina.