Keypress
event will be fired after you press the key but before the data is registered into the field.
Keyup
event will be fired after you press the key but after the data is registered into the field
HTML:
<input list="browsers" id="myField"/>
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
</datalist>
JS:
var my_field = document.getElementById('myField');
my_field.addEventListener("keyup", function (event) {
if (event.keyCode == 13) {
event.preventDefault();
if (my_field.value.length != 0) {
console.log(my_field.value);
// Run my specific process with my_field.value
my_field.value = '';
}
}
}, false);