quinta-feira, 6 de agosto de 2009

Jquery: Enter Action

Galera, como devem saber desenvolvo sistemas web. Nesse meio tempo estive fazendo uns formularios de cadastro e me deparei com o seguinte: nem todo mundo sabe usar o tab Oo. Isso mesmo, pode acreditar, muita gente tem mania de teclar enter, e pensando em aproximar minhas webapps do desktop, bolei a seguinte função para adicionar na adora javascript lib jquery:


/* Registra uma ação ao precionar ENTER no objeto. */
jQuery.fn.action = function(callback){
$(this).keypress(function(e){
if(e.which==13)
try{ callback(); }
catch(E){$(this).log(E);}
});
}



Segue um simples exemplo que pasa o foco para outro componente ao pressionar enter. muito util por exemplo em uma tela de login, pulando do campo de login para o da senha:


$("#login").action(function(){ $("#senha").focus(); });


Fica ai meu pequeno addon para o jquery, espero que isso lhe ajude, pois a mim serve bastante. XD.

2 comentários:

Fábio Reis disse...

muda de campo, mas envia formulario tambem.
tem enviar form somente quando foco no submit?

- riike' disse...

funcionou perfeitamente!
valeu, Leandro! :D