按“ 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