Есть button и input:
<div class="img">
<button></button>
<input type="text" class="my-input">
</div>
Нужно, чтобы при нажатии клавиши "Enter", нажималась кнопка button, а поле input отчищалось (если в нём был текст).
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЕсть button и input:
<div class="img">
<button></button>
<input type="text" class="my-input">
</div>
Нужно, чтобы при нажатии клавиши "Enter", нажималась кнопка button, а поле input отчищалось (если в нём был текст).
Задай Id кнопке и инпуту, подставь в код.
$("#id_of_textbox").keyup(function(event){
if(event.keyCode == 13){
$("#id_of_button").click();
$(this).val('');
}
});
Код из этого ответа, ссылку на который давали выше: https://stackoverflow.com/questions/155188/trigger-a-button-click-with-javascript-on-the-enter-key-in-a-text-box
Пример:
$(document).keypress(function (e) {
if (e.which == 13) {
document.getElementById("my-button").click();
document.getElementById("my-input").value = "";
alert("Pressed");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div class="img">
<button id="my-button"> Press Me</button>
<input id="my-input" type="text" class="my-input">
</div>