sábado, 26 de mayo de 2012

Ubicar cursor al final de input, textarea HTML


A continuación se encuentra el código que permite posicionar el cursor al final de un TextBox (en ASP.NET), input y textarea (HTML) desde Javascript. Este evento se genera cuando el input o caja de texto recibe el foco, Ideal para cuando hay frecuente actualización de la pagina, como en el caso de un Chat.



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

function ponerAlfinal(campo)
{
    var explor = navigator.appName;         //Identificar el explorador
    //alert("Explorador: " + explor);

    if (explor == "Microsoft Internet Explorer")   //Codigo para MS Internet Explorer
    {
        var range = campo.createTextRange();
        range.collapse(false);
        range.select();
    }
    else if (explor == "Netscape")      //Codigo para Netscape: Chrome, Mozilla
    {
        with (campo) {
            selectionStart = selectionEnd = value.length;
            focus();
        }
    }
    else        //Si no es ninguno de los anteriores, uso el de IE
    {
        var range = campo.createTextRange();
        range.collapse(false);
        range.select();
    }
}



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


<asp:TextBox ID="TxtMensaje" runat="server" Height="40px" Width="365px" onfocus="ponerAlfinal(this);" MaxLength="400" AutoCompleteType="Disabled"></asp:TextBox>



No hay comentarios:

Publicar un comentario