У меня есть ввод HTML, который является текстовым полем. Когда я нажимаю кнопку ввода, это вызовет submit, что нормально.
Теперь я хотел бы сделать что-то еще, когда на Enter щелкнул этот текстовый блок.
Я пытаюсь что-то вроде этого:
<input type="text"
id="first_page"
onPaste=""
onkeydown="if (event.keyCode == 13) alert('enter')" />
Предупреждение работает хорошо, но submit все еще выполняется. После этого моя страница перезагружается.
Не могли бы вы помочь мне.
напишите return false; и проверьте его
Использование jquery
<script>
$('#first_page').keypress(function(e) {
if (e.keyCode == '13') {
e.preventDefault();
//your code here
}
});
</script>
с помощью javascript
<input type="text" id="first_page" onPaste="" onkeydown="if (event.keyCode == 13) { alert('enter');return false;}" />
Другим вариантом будет использование onkeypress
<input type="text" id="first_page" onPaste="" onkeypress="if (event.keyCode == 13) {alert('enter'); return false;}" />
Вы можете попробовать ниже script:
<script>
function checkEnter(event)
{
if (event.keyCode == 13)
{
alert('enter')
return false;
}
}
И Html:
<input type="text" id="first_page" onPaste="" onkeydown="return checkEnter(event);" />
Вы должны возвращать false в функции обработчика событий keydown, чтобы предотвратить дальнейшую обработку события.
Кроме того, вы можете найти следующий вопрос полезным: Предотвратить отправку пользователем формы, нажав кнопку ввода.
напишите следующий код после alert('enter')
return false;
Используйте это, он работал на моем.
Замените на клавиатуре:
onkeydown="if (event.keyCode == 13 || event.which == 13) event.preventDefault();"
с помощью jquery вы можете избежать всех подчинений или какого-либо элемента
$("#form").submit(function(e) {
e.preventDefault();
});