1. ホーム
  2. jquery

[解決済み] Jquery:Enterキーを押したときにクリックイベントを発生させる方法

2022-04-15 01:39:19

質問

Enterキーを押したときに、ボタンのクリックイベントを実行したいのですが。

このままでは、イベントが発生しません。

可能であれば、構文について私を助けてください。

$(document).on("click", "input[name='butAssignProd']", function () {
   //all the action
});

これは、入力時にクリックイベントを発生させようとする試みです。

$("#txtSearchProdAssign").keydown(function (e) {
  if (e.keyCode == 13) {
    $('input[name = butAssignProd]').click();
  }
});

解決方法は?

これを試してみてください....

$('#txtSearchProdAssign').keypress(function (e) {
 var key = e.which;
 if(key == 13)  // the enter key code
  {
    $('input[name = butAssignProd]').click();
    return false;  
  }
});   

$(function() {

  $('input[name="butAssignProd"]').click(function() {
    alert('Hello...!');
  });

  //press enter on text area..

  $('#txtSearchProdAssign').keypress(function(e) {
    var key = e.which;
    if (key == 13) // the enter key code
    {
      $('input[name = butAssignProd]').click();
      return false;
    }
  });

});
<!DOCTYPE html>
<html>

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  <meta charset=utf-8 />
  <title>JS Bin</title>
</head>

<body>
  <textarea id="txtSearchProdAssign"></textarea>
  <input type="text" name="butAssignProd" placeholder="click here">
</body>

</html>


jsbin.comでデモを探す