Co mam teraz:

Mam więc ten Datalist HTML5 z mnóstwem opcji w nim i mam 2 wypalanie zdarzeń. Jeden, gdy użytkownik wpisuje coś, co pasuje do tablicy nazw, która wypełnia opcje, takie jak „Rick Bross” lub „Jack Johnson” (keyup). Kolejne zdarzenie, które uruchamia się, gdy użytkownik zaczyna wpisywać nazwę, wyskakuje, strzałki użytkownika w dół i uderza „enter” (zmiana).

Problem:

Potrzebuję zdarzenia do wystrzelenia, gdy użytkownik kliknie jedną z rozwijanych opcji, ZANIM wpisze pełne imię i nazwisko, i zanim obiekt zostanie zamazany. Jeśli użytkownik kliknie teraz, zanim nazwa zostanie całkowicie wpisana, 2 zdarzenia wyzwalają funkcję tylko wtedy, gdy wejście jest zamazane.

Znacznik:

<datalist id="potentials">
    <option value="Rick Bross">  
    <option value="Jack Johnson">  
    <option value="Rick Bross">  
    <option value="Rick Bross">   
</datalist>

Wydarzenia i funkcje Javascript:

window.checkModelData = function(ele)
{
    var name = $(ele).val().replace(" ", "");
    var mod = potentialModels[name];
    if(mod) {
        loadModelData(name);
    }
}

function loadModelData(name) {
    var mod = potentialModels[name];
    $("#address").val(potentialModels[name].address);
    $("#city").val(potentialModels[name].city);
    $("#state").val(potentialModels[name].state);
    $("#email").val(potentialModels[name].email);
    $("#phone").val(potentialModels[name].phone);
    $("#zip").val(potentialModels[name].zip);
}

$("#name").keyup(function(){

    window.checkModelData(this);

});
$("#name").change(function(){

    window.checkModelData(this);
});