Javascript tarayıcı seçimi algılar Otomatik Tamamla değeri

onkeyup olayına sahip bir metin alanım var. Ancak bir tarayıcı otomatik Tamamlama değeri seçtiğinizde bu olay tetiklenmiyor. Bir onclick olayı ekledim, ama işe yaramıyor.Javascript tarayıcı seçimi algılar Otomatik Tamamla değeri

Gözat autocoComplete seçimini yakalamak için stackoverflow üzerinde yayınlanan birçok çözümü test ettim, ancak hiçbir şey bu sorunu çözmedi.

(Firefox 3.6, Chrome 10.0 ve IE8 üzerinde çoğaltılamaz) sorunu görmek için bu basit örneği deneyin:

<!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>

Teşekkür!

kaynak

2011-03-25 remi.gaubert

Yeni tarayıcılar oninput olayı destekler: Eğer eski tarayıcıları desteklemek için gerekirse

$(function() { 
    $('#myInput').on("input",function() { 
    $('#divResult').text($(this).val()); 
    }); 
});

<input id="myInput" name="myInput" type="text" value="" />

var tId = ""; 
function monitor() { 
$('#divResult').text($('#myInput').val()); 
} 

$(function() { 
    $('#myInput') 
    .focus(function() { 
     tId=setInterval(monitor,100); 
    }) 
    .blur(function() { 
     clearInterval(tId); 
    }); 
});

kaynak

2011-03-25 10:01:32 mplungjan

Teşekkür denemek, bu şekilde çalışır! –

@goby Harika - bu süreçte bir şeyler öğrenmek ve yardımcı olmaktan memnun oldum – mplungjan

Javascript tarayıcı seçimi algılar Otomatik Tamamla değeri

cevap

İlgili konular