Por padrão, o sistema usa a tecla Tab para mudar o foco dos elementos da página. Você já pensou que a tecla Enter também pode realizar esta função e proporcionar uma boa experiência ao usuário. A seguir, usamos Jquery para implementar a tecla Enter para mudar o foco. Este código foi testado nos navegadores comumente usados IE7, IE8, Firefox 3, Chrome 2 e Safari 4.
A ferramenta de desenvolvimento utilizada é o framework Microsoft VS2010+Jquery
As etapas de implementação são as seguintes
1. Primeira referência à biblioteca de classes Jquery
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
2. Código Javascript
<script type="texto/javascript">
$(função(){
$('input:texto:primeiro').focus();
var $inp = $('entrada:texto');
$inp.bind('keydown', função (e) {
var chave = e.qual;
se (chave == 13) {
e.preventDefault();
var nxtIdx = $inp.index(this) + 1;
$(":input:text:eq(" + nxtIdx + ")").focus();
}
});
});
</script>
analisar :
$('input:texto:primeiro').focus();
Quando a página é inicializada, o foco é posicionado na primeira caixa de texto
var $inp = $('entrada:texto');
Pegue a coleção de elementos type=text box
$inp.bind('keydown', função (e) {}
Vincule o evento 'keydown' à coleção de caixas de texto
var chave = e.qual;
Obtenha o valor da chave pressionada no momento, como Enter key value = 13
e.preventDefault();
Você pode evitar que seu comportamento padrão aconteça e algo mais aconteça. Aqui evitamos que o PostBack aconteça e mudamos o foco. Outro método semelhante é stopPropagation, que evita que eventos js apareçam.