В JavaScript существует несколько методов обнаружения события нажатия клавиши ввода в поле поиска. Вот несколько подходов, которые вы можете использовать:
-
Использование события нажатия клавиши:
const searchBox = document.getElementById('search-box'); searchBox.addEventListener('keypress', function(event) { if (event.key === 'Enter') { // Perform search or any desired action event.preventDefault(); // Prevents form submission if the search box is inside a form } }); -
Использование события keyup:
const searchBox = document.getElementById('search-box'); searchBox.addEventListener('keyup', function(event) { if (event.key === 'Enter') { // Perform search or any desired action event.preventDefault(); // Prevents form submission if the search box is inside a form } }); -
Использование события нажатия клавиши:
const searchBox = document.getElementById('search-box'); searchBox.addEventListener('keydown', function(event) { if (event.key === 'Enter') { // Perform search or any desired action event.preventDefault(); // Prevents form submission if the search box is inside a form } }); -
Использование атрибута onkeydown:
<input type="text" id="search-box" onkeydown="handleKeyDown(event)">function handleKeyDown(event) { if (event.key === 'Enter') { // Perform search or any desired action event.preventDefault(); // Prevents form submission if the search box is inside a form } }
Эти методы позволяют вам определять, когда клавиша Enter нажата в поле поиска, и соответствующим образом выполнять желаемое действие, например запуск поиска или выполнение функции.