Блог

Главная - Вопросы по программированию - Щелкните элемент при вводе

Щелкните элемент при вводе

#javascript #jquery #function #keypress

#javascript #jquery #функция #нажатие клавиши

Вопрос:

там я работаю над проектом для формы входа. Мне нужно написать код, который, когда пользователь нажимает Enter на клавиатуре в коде ввода X, вызывает функцию Y. Я видел много страниц в Stackoverflow, но они у меня не работают. Я использую Jquery в своем проекте.

 <div class="main">
   <h2 class="title"><br> Wikipedia Image Finder!</h2>
   <div class="form">
      <label class="S_label" for="input_data">             <span class="Label_text">Image Title:</span>         </label>         
      <div class="ll">
         <input name="input" type="text" maxlength="999" id="input_data" minlength="1" placeholder="Query to Search" required>       
         <div class="img_btn" id="submit_div""></div>
      </div>
   </div>
</div>

Комментарии:

1. Не могли бы вы поделиться каким-нибудь кодом, который вы пробовали.

2. Вы должны изменить вопрос так, чтобы код отображался там, а не в комментарии.

Ответ №1:

Пожалуйста, попробуйте приведенный ниже код.

 $("input").keyup(function(event){
        // checking the pressed key is Enter
    if(event.which == 13) {
       search(event.target.value);
    }
});

function search(text){
    alert('called search with '  text)
}  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="main">     <h2 class="title"><br> Wikipedia Image Finder!</h2>     <div class="form">         <label class="S_label" for="input_data">             <span class="Label_text">Image Title:</span>         </label>         <div class="ll">       <input name="input" type="text" maxlength="999" id="input_data" minlength="1" placeholder="Query to Search" required>       <div class="img_btn" id="submit_div""></div>         </div></div> </div>