Что у меня сейчас:

Итак, у меня есть этот HTML5 Datalist с кучей опций, и у меня есть 2 события запуска. Один, когда пользователь печатает что-то, что совпадает с чем-то, массив имен, который заполняет параметры, такие как "Рик Бросс " или же "Джек Джонсон " (KeyUp). Другое событие, которое запускается, когда пользователь начинает вводить имя, оно всплывает, пользователь нажимает стрелки вниз и нажимает "войти" (менять).

Эта проблема:

Мне нужно событие, чтобы оно срабатывало, когда пользователь щелкает одну из опций выпадающего меню, ДО того, как он напечатает полное имя, и до того, как объект станет размытым. Если пользователь щелкает один прямо сейчас, прежде чем имя будет полностью напечатано, 2 события запускают функцию только после размытия ввода.

Разметка:

События и функции 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);
});