Javascript detecta uma seleção do valor de preenchimento automático do navegador

Question

Mar 25, 2011, 09:56 AM

Javascript detecta uma seleção do valor de preenchimento automático do navegador

Tenho um campo de texto com umonkeyup evento. Mas esse evento não é acionado quando eu seleciono um valor de preenchimento automático do navegador. Adicionei um evento onclick, mas ele não funciona.

Testei muitas soluções publicadas no stackoverflow para capturar a seleção autocoComplete da pesquisa, mas nada resolveu esse problem

Tente este exemplo simples para ver o problema (reproduzido no 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>

Obrigado