Tecnología

Inicio

Cómo establecer el foco en JavaScript

JavaScript es un potente lenguaje de script web que le permite mejorar el desarrollo de páginas Web. Una forma de hacer esto es para ajustar el enfoque, o la posición del cursor activo, en un elemento específico en una página Web. Es posible que desee hacer esto cuando se carga una página o después de hacer clic en un elemento específico. Para empezar, es necesario identificar el elemento para recibir atención, así como la acción que hace que el enfoque para cambiar. Para este ejemplo, se cambia el foco a un área de texto cuando se selecciona una opción de opción "Otros".

Instrucciones

1 Escriba el texto para crear el campo de formulario que desencadena la acción. Por ejemplo:

<Input type = "radio" name = "elección" de id = valor "opción" = "otro"> Otros

2 Escriba el texto para crear el campo que recibe el foco. Asegúrese de utilizar un atributo id en este campo.

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

3 Escriba el comando para el evento desencadenante y para cambiar el foco al campo creado en el paso uno. Hay muchos eventos posibles, incluyendo onclick, onchange y onBlur. Se especifica el campo para que reciba enfoque utilizando la función getElemenById junto con el atributo id del campo que recibe el foco.

Ejemplo:

<Input type = "radio" name = "elección" de id = valor "opción" = "otro" onclick = "document.getElementById ( 'detalle'). Enfoque ()"> Otros

Cuando el usuario hace clic en la casilla de opción "Otro", el formulario se mueve el cursor al cuadro de texto para que el usuario escriba información adicional.