Tecnología

Inicio

Funciones Javascript Focus

Funciones Javascript Focus


funciones de enfoque de JavaScript permiten a los desarrolladores para mejorar el nivel de interacción de los usuarios con experiencia páginas Web. Cuando una página Web contiene características interactivas tales como formas, incluyendo campos de texto, botones y listas desplegables, el enfoque puede ayudar al proceso de interacción. Un elemento de página web tiene el foco si el usuario está actualmente interactuando con él. A veces, para obtener el foco, un elemento debe ser hecho clic en o se selecciona de alguna manera, pero una función de JavaScript puede ajustar el enfoque de manera que el usuario no tiene por qué.

Propósito

El propósito general de las funciones de enfoque JavaScript es facilitar la interacción del usuario, reduciendo el número de pasos que un usuario debe seguir para completar la interacción que se requiere, por un elemento de la página web. Por ejemplo, en el escenario por defecto, el usuario debe hacer clic o pestaña en un campo de texto HTML antes de que pueda escribir texto en él. Una función de enfoque JavaScript puede establecer el foco en un campo de texto, de modo que el usuario simplemente puede escribir en él de inmediato, sin tener que utilizar un clic del ratón o de otra pulsación de tecla por primera vez.

Sintaxis

Cualquier elemento HTML puede usar la función de enfoque. JavaScript procesamiento se lleva a cabo en o por elementos de la página específicos. Cada elemento HTML en una página tiene un conjunto de funciones que se pueden llamar en él desde dentro del código JavaScript. El elemento en cuestión puede ser cualquiera de los descritos en HTML, pero para la función de enfoque normalmente será un elemento interactivo, como un campo de texto o botón. El código siguiente muestra la función de enfoque que se llama en un elemento con el ID "TField" que se hace referencia en primer lugar a través de este Identificación:

. Document.getElementById ( 'TField') enfocar ();

Una vez que el código ha ejecutado, el elemento estará listo para la entrada del usuario.

Utilizar

funciones de enfoque debe ser llamado dentro de un script de la página con el fin de ejecutar. Una técnica común es incluir una sección para el código JavaScript inmediatamente después de la sección de la página en la que se declara el elemento interactivo. Por ejemplo, el siguiente fragmento de la página Web define un formulario con un campo de texto en el que, a continuación, una sección de escritura de configuración de enfoque en el campo de texto:

<Form id = "ElFormulario" name = "ElFormulario">

<Input type = "text" name = "TField" id = "TField" />

</ Form>

<Script type = "text / javascript">

document.theform.tfield.focus ();

</ Script>

beneficios

La principal ventaja de utilizar funciones de enfoque es hacer que la interacción del usuario con una página más fácil. Cuando los usuarios están escribiendo un texto en un formulario HTML, que a menudo tienen que alternan entre el uso del ratón y el teclado para seleccionar e interactuar con los elementos del formulario. La función de enfoque simplemente reduce el número de acciones que el usuario debe seguir para completar un elemento interactivo. Algunas formas de las páginas web utilizan el enfoque de cambiar automáticamente la interacción con el siguiente elemento de un formulario una vez entrada con el elemento actual está completa.

Cuestiones

Al igual que con cualquier función de JavaScript, se centran funciones sólo estarán disponibles cuando script del lado del cliente es a la vez siempre y conectar en el navegador del usuario. En algunos casos, las funciones de enfoque pueden ser percibidos como interfiriendo con la interacción del usuario en lugar de mejorarla. Muchas personas no esperan funciones de enfoque para operar, sobre todo mientras están interactuando con una forma, por lo que la operación de tales funciones pueden ser una distracción.