使回车键点击搜索按钮 - Make enter key click search button

Make enter key click search button

本文关键字：搜索按钮回车 | 更新日期: 2023-09-27

我在按回车键来点击搜索按钮时遇到问题。。。。请帮帮我。提前谢谢。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
........
    <script type="text/javascript" src="js/jquery.js"></script>
<script src="../jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script><script type="text/javascript">  

             function get() {
                  $.post ('data/data.php', { word: form.name.value },
                          function (output) {
                        $('#defination') .html(output).show() ;
                    });
             }       
    </script>        
.............
<form name ="form">
  <div align="center">
    <pre> <input name="name" type="text" autofocus required placeholder="Please enter a Word !"  size = "70" maxlength="50" >
    </pre>
    <p>
      <input type="button" onClick="get();" value="Search" size = "30" >
    .........
</html>

您可以使用JQuery提交表单。

$(document).bind("keydown", function(event){
  if(event.which=="13")
   {
      $("#buttonID").click();
    }
});

这也会起作用：

$(document).bind("keydown", function(event){
 if(event.which=="13")
   {
    $("form").submit();
   }
});