Selection Wejście Zmieniono Event

Question

mam ten przykład:

<datalist id="browsers"> 
    <option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Google Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
</datalist> 

muszę złapać zdarzenie, gdy użytkownik wybierze opcję (z myszy lub klawiatury).

Próbowałem zrobić onchange = "MySuperFunction();" ale działa to tylko wtedy, gdy element jest zaznaczony, a następnie lista jest nieostra.

Answer 1

Impreza input powinien pracować na to, co trzeba. Jak rozumiem, nie można korzystać z datalisty bezpośrednio, ale jest on podłączony do danych wejściowych za pomocą atrybutu list. Wiązanie to wydarzenie pójdzie na tym wejściu:

document.getElementById('browsers-input').addEventListener('input', function() { 
    console.log('changed'); 
}); 

http://jsfiddle.net/vccfv/

Answer 2

K o rz jQuery można użyć .changehttp://jquery.com/

$('datalist#browsers').change(MySuperFunction); 

lub

$('datalist#browsers').change(function(){ 
    // stuff 
}); 

Answer 3

Aby uzyskać ten sam efekt "Pigułki Explosion" rozwiązanie z wykorzystaniem stylu JQuery:

$("#browsers-input").on("input", MySuperFunction);