Javascript detecta una selección del valor de Autocompletar del navegador

Question

Mar 25, 2011, 09:56 AM

Javascript detecta una selección del valor de Autocompletar del navegador

Tengo un campo de texto con unaonkeyup evento. Pero este evento no se activa cuando selecciono un valor de autocompletado del navegador. He agregado un evento onclick, pero no funciona.

He probado muchas soluciones publicadas en stackoverflow para detectar la selección autocoComplete de exploración, pero nada ha resuelto este problema.

Pruebe este sencillo ejemplo para ver el problema (reproducido en Firefox 3.6, Chrome 10.0 e IE8):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Test</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
    <script type="text/javascript">
    //<![CDATA[
        function onkeyupInput(){
            $('#divResult').text($('#myInput').val());
        }
    //]]>
    </script>
</head>
<body>
    <form name="myForm" action="#">
        Tape a value and send it. Then select this value with your browser AutoComplete value :<br />
        <input id="myInput" name="myInput" type="text" onkeyup="onkeyupInput();" onclick="onkeyupInput();" value="" />
        <input type="submit" />
    </form>
    Result of onkeypress and onclick :
    <div id="divResult"></div>
    <br />
    <b>The issue : Result of onkeypress and onclick is not update when an autocomplete value of a browser is selected.</b>
</body>
</html>

¡Gracias