Выбор элемента DataList привязанного к входу с помощью клавиши ввода

Question

С помощью простого ввода и DataList комбинации, как это:

<input type="text" class="form-control dropdown-input" id="standardInput" name="standardInput" tabindex="7" list="listForStandardInput"/> 
<datalist id="listForStandardInput"></datalist> 

Я хотел бы включить навигации с помощью клавиатуры и выбор. Когда фокус находится внутри элемента ввода, я могу использовать клавиши со стрелками вверх/вниз для выбора, но когда я нажимаю клавишу ввода, возникает форма.

Когда я использую JavaScript на основе jQuery, чтобы попытаться предотвратить отправку формы.

$(function() { 
    'use strict'; 
    $('#standardInput').on('keypress', function (e) { 
     if (e.keyCode === 13) { 
      e.preventDefault(); 
     } 
    }); 
}); 

Есть в любом случае я могу позволить использовать клавишу ввода, чтобы выбрать элементы DataList, который связан с входным элементом?

Answer 1

Попробуйте использовать keyup() вместо:

$("#standardInput").keyup(function (e) { 
    if (e.keyCode == 13) { 
     e.preventDefault();    
    } 
}); 

Answer 2

Попробуйте использовать e.which вместо e.keyCode.

$(function() { 
    'use strict'; 
    $('#standardInput').on('keypress', function (e) { 
     if (e.which == 13) { 
      e.preventDefault(); 
     } 
    }); 
});