De forma predeterminada, el sistema usa la tecla Tab para cambiar el foco de los elementos de la página. ¿Alguna vez pensó que la tecla Enter también puede lograr esta función y tener una buena experiencia de usuario? A continuación, usamos Jquery para implementar la tecla Enter para cambiar el foco. Este código se ha probado en los navegadores más utilizados IE7, IE8, Firefox 3, Chrome 2 y Safari 4.
La herramienta de desarrollo utilizada es Microsoft VS2010+Jquery framework
Los pasos de implementación son los siguientes.
1. Primero haga referencia a la biblioteca de clases Jquery.
<script src="Scripts/jquery-1.4.1.min.js" tipo="text/javascript"></script>
2. Código JavaScript
<tipo de script="texto/javascript">
$(función () {
$('entrada:texto:primero').focus();
var $entrada = $('entrada:texto');
$inp.bind('tecla', función (e) {
var clave = e.cual;
si (clave == 13) {
e.preventDefault();
var nxtIdx = $inp.index(esto) + 1;
$(":entrada:texto:eq(" + nxtIdx + ")").focus();
}
});
});
</script>
analizar :
$('entrada:texto:primero').focus();
Cuando se inicializa la página, el foco se coloca en el primer cuadro de texto.
var $entrada = $('entrada:texto');
Tome la colección de elementos de cuadro de texto tipo =
$inp.bind('keydown', función (e) {}
Vincular el evento 'keydown' a la colección de cuadros de texto
var clave = e.cual;
Obtenga el valor de la tecla presionada actualmente, como Ingresar valor de clave = 13
e.preventDefault();
Puede evitar que se produzca su comportamiento predeterminado y que suceda algo más. Aquí evitamos que se produzca PostBack y, en su lugar, cambiamos el foco. Otro método similar es stopPropagation, que evita que se generen eventos js.