sábado, 26 de mayo de 2012

Controlar Teclas en TextBox, input y textarea (KeyPress)


A continuación se encuentra el código que permite controlar las teclas que se pulsan (KeyPress) en una caja de texto de ASP.NET (TextBox), input tipo text y textarea de HTML desde Javascript. Este evento se llama cada vez que presiona una tecla cualquiera en la caja de texto. Ideal para cuando se quiere controlar la tecla Enter para enviar un formulario y ademas funciona en todos los explordores. En el ejemplo de abajo se muestra un mensaje de alerta cuando se presiona la tecla Enter.



////////////////// CODIGO JAVASCRIPT /////////////////////



function get_KeyPress(textbox, evento)
{
    //debugger;
    var keyCode;
    if (evento.which || evento.charCode) {
        keyCode = evento.which ? evento.which : evento.charCode;
        //return (keyCode != 13);
    }
    else if (window.event)
    {
        keyCode = event.keyCode;
        if (keyCode == 13)
        {
            if (event.keyCode)
                event.keyCode = 9;
        }
    }

    if (keyCode == 13)
    {
        alert("se presiono Enter");
        return false;
    }
    return true;
}



////////////////// CODIGO DE TEXTBOX /////////////////////




<asp:TextBox ID="TxtMsj" runat="server" Width="270px" placeholder="Manejo evento KeyPress y Enter" onkeypress="return get_KeyPress(this, event);"></asp:TextBox>


No hay comentarios:

Publicar un comentario