2

Есть button и input:

<div class="img">
<button></button>
<input type="text" class="my-input">
</div>

Нужно, чтобы при нажатии клавиши "Enter", нажималась кнопка button, а поле input отчищалось (если в нём был текст).

6
  • stackoverflow.com/questions/155188/…
    – soledar10
    31 авг 2016 в 13:01
  • Да, но мне нужно ещё, чтобы после нажатия на Enter поле input text отчищалось. Как это сделать?
    – A.Hall
    31 авг 2016 в 13:07
  • использовать button[type="reset"]
    – soledar10
    31 авг 2016 в 13:09
  • Как конкретно его использовать?
    – A.Hall
    31 авг 2016 в 13:17
  • повесь на событие onkeyup элемента боди функцию-обработчик. если keyCode нажатой кнопки энтэровский, то пусть выполнится все те функции, которые выполняется при нажатии твоей кнопки button
    – Dimon
    31 авг 2016 в 15:04

2 ответа 2

4

Задай 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

0
3

Пример:

$(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>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.