按“ Enter”键调用功能

Question

我的页面上有一个按钮和一个文本框。

最初，我通过单击按钮来调用函数。 现在，我也想通过按Enter键来实现它。 但这是行不通的。 按Enter键无法到达myFunction。

<script type="text/javascript">
     $(document).ready(function () {
         $("#txt1").keyup(function (event) {
         if (event.keyCode == 13) {
             $("#btn1").click(myFunction);
         }
     });
         $('#btn1').click(myFunction);

     });
     function myFunction() {
         // do something, press enter key doesn't reach here.
         })
     }
  </script>

Answer 1

您几乎是正确的：只需使用.trigger('click') .click()或.trigger('click')调用处理程序

 $(document).ready(function () {
    $("#txt1").keyup(function (event) {
    if (event.which== 13) {
        $("#btn1").click(); // Just do a click.
     }
   });

     $('#btn1').click(myFunction); //Your handler is already registered here.

});
function myFunction() {
         // do something, press enter key doesn't reach here.

}

在jquery事件处理程序中时，还请使用event.which代替event.keyCode ，因为它可以规范化event.keyCode和event.charCode 。

Answer 2

代替

$("#btn1").click(myFunction);

我建议使用：

$("#btn1").on("click", function () {
   myFunction();
});

接着：

if (event.keyCode == 13) {
     $("#btn1").click(); //click the button
}

的jsfiddle