在 Enter 上单击一个元素答案

【问题标题】：Click a element On Enter在 Enter 上单击一个元素
【发布时间】：2020-08-31 19:34:52
【问题描述】：

我正在为登录表单开发一个项目。我需要编写一个代码，当用户在输入 X 代码中按下键盘上的 Enter 时调用函数 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>

【问题讨论】：

你能分享一些你试过的代码吗？
您应该修改问题，以便代码显示在那里，而不是在评论中。

标签： javascript jquery function keypress

【解决方案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>

【讨论】：