Come impostare la messa a fuoco in JavaScript

August 23

JavaScript è un potente linguaggio di scripting Web che permette di migliorare lo sviluppo pagina web. Un modo per farlo è quello di impostare la messa a fuoco, o la posizione del cursore attiva, su un elemento specifico in una pagina Web. Si potrebbe desiderare di fare questo quando una pagina viene caricata o dopo aver fatto clic un elemento specifico. Per iniziare, è necessario identificare l'elemento di ricevere attenzione, così come l'azione che fa sì che l'attenzione al cambiamento. Per questo esempio, si cambia il focus su un area di testo quando si seleziona l'opzione di opzione "Altro".

istruzione

1 Digitare il testo per creare il campo modulo che attiva l'azione. Per esempio:

<Input type = "radio" name = "scelta" id = valore "opzione" = "altro"> Altro

2 Digitare il testo per creare il campo che riceve il focus. Assicurarsi di utilizzare un attributo id in questo campo.

<Input type = "text" name = "choiceDetail" id = "dettaglio">

3 Digitare il comando per l'evento scatenante e per spostare l'attenzione al campo creato al punto uno. Ci sono molti eventi possibili, tra cui onclick, onchange e onblur. Si specifica il campo per ricevere l'attivazione tramite la funzione getElementById insieme con l'attributo id dal campo di ricezione messa a fuoco.

esempio:

<Input type = "radio" name = "scelta" id = valore "opzione" = "altro" onclick = "document.getElementById ( 'dettaglio'). Fuoco ()"> Altro

Quando l'utente fa clic sulla casella di opzione "Altro", il modulo sposta il cursore alla casella di testo per l'utente di inserire informazioni aggiuntive.