Нажмите ввод в формах ввода, чтобы сделать его потерять фокус

Question

У меня есть форма с полем ввода и скрытыми отправить поле:

<form action="javascript:void(0);"> 
    <input type="text"> 
    <input type="submit" style="display:none;"> 
</form> 

Я хотел бы сделать так, чтобы при нажатии кнопки ввода, поля ввода просто теряет фокус.

Как это сделать?

Answer 1

Попробуйте это. Обратите внимание, что для этого вам необходимо включить файл jquery.

<form action="javascript:void(0);"> 
    <input type="text" id="txtFocus"> 
    <input type="submit" style="display:none;" id="btnHidden"> 
</form> 
<script> 
$("#btnHidden").on('click', function() { 
     $('#txtFocus').blur(); 
}); 
</script> 

Answer 2

Дайте ввод идентификатора для удобства, и вы можете сделать это с помощью этой маленькой функции, используя обычный Javascript

<form action="javascript:void(0);"> 
    <input id="input1" type="text"> 
    <input type="submit" style="display:none;"> 
</form> 
<script> 
document.getElementById('input1').addEventListener('keyup',function(e){ 
    if (e.which == 13) this.blur(); 
}); 
</script>