evento jQuery quando a opção Datalist do HTML5 é clicada
O que eu tenho agora:
Então eu tenho este Datalist HTML5 com um monte de opções, e eu tenho 2 eventos disparando. Um quando o usuário digita algo que corresponda a algo a matriz de nomes que está preenchendo as opções, como "Rick Bross" ou "Jack Johnson" (keyup). Outro evento que é acionado quando um usuário começa a digitar o nome, ele aparece, o usuário é direcionado para baixo e acessa "inserir" (alterar).
O problema:
Preciso de um evento para disparar quando o usuário clica em uma das opções suspensas, ANTES de digitar o nome completo e antes que o objeto fique desfocado. Se um usuário clicar em um agora mesmo antes de o nome ser digitado por completo, os dois eventos só dispararão a função quando a entrada estiver desfocada.
A marcação:
<datalist id="potentials">
<option value="Rick Bross">
<option value="Jack Johnson">
<option value="Rick Bross">
<option value="Rick Bross">
</datalist>
Eventos e funções 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);
});