terça-feira, 25 de junho de 2013

Javascript - Desabilitar Enter em campos do tipo text (input)



















Uma sensação horrível para quem esta navegando em um site, é quando se digita algum texto em um campo, e pressiona-se a tecla enter (ou para pular a linha, ou para se fazer uma pesquisa) e um outro botão com funções diferentes da que você quer é processado.

Para se evitar isso é necessário chamar a apenas a função que você deseja no evento KeyPress do botão em questão, e desabilitar a função em todos os outros objetos de texto (inputs).

Vamos criar essa função em nossa página.


function disableEnterKey(e) {
    var key;
    if (window.event)
        key = window.event.keyCode; //IE
    else
        key = e.which; //firefox      

    return (key != 13);
}

Agora é só chamar no evento OnKeyPress da tag body de nossa página.

<body onkeypress="return disableEnterKey(event)">

Agora todos os controles do tipo input tem o seu evento desabilitados no botão enter.

Nenhum comentário:

Postar um comentário