如何在执行某个操作后自动触发回车键事件

How can I automatically trigger an enter key press event after a certain action is executed?

本文关键字：回车 事件 执行 操作      更新时间：2023-09-26

>我正在我的 Web 应用程序中编写一些单元测试，我想在单击下载到文本文件按钮后自动从我的页面触发 Enter 键按下事件。如何在jQuery或Javascript中执行此操作？

  1. 创建一个变量，告诉我们用户是否点击了您的按钮。

    var clicked = false;
    2. 向

  2. 按钮添加事件侦听器，以便当用户单击它时，clicked变量将变为true。

    myButton.addEventListener('click', function(){
  clicked = true;
});

  3. 添加keypress事件侦听器：

    document.addEventListener('keypress', function(e) {
  // `e` is the event
});

  4. 在该事件侦听器中，检查用户之前是否单击过

    if(clicked) {
  // ...
}

  5. 如果这样做了，请检查按下的键。回车键的密钥代码是 13。

    var keynum = e.keyCode||e.which;
if(keynum == 13) {
   // ...
}

  6. 如果输入了按下的键，请使用

    clicked = false;

    否则，一旦用户单击了您的按钮并按了 Enter 键，就无需再次单击该按钮。

  7. 之后运行您的代码。例如，这将在 2 秒后调用函数 f。

    setTimeout(f, 2000);

现场演示

var clicked = false;
document.querySelector('#btn').addEventListener('click', function(){
  clicked = true;
  snippet.log("You clicked the button. `clicked` is now `true`");
});
document.addEventListener('keypress', function(e) {
  if(clicked) {
    var keynum = e.keyCode || e.which;
    if(keynum == 13) {
      clicked = false; 
      snippet.log("`clicked` is now `false`. Waiting 2 seconds...");
      setTimeout(f, 2000);
    }
  }
});
function f() {
  snippet.log("Function `f` executed successfully!");
}
#btn {
  border: 3px solid red;
  cursor: pointer;
}
<div id="btn">Click me, and then press enter.</div>
<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --><script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

如果我答对了你的问题，这就是你要找的

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
      $(document).keydown(function(event){
            if(event.keyCode == 13){                
                alert("keypressed");
            }
        });
function clickevent()
{                
     var e = $.Event("keydown");
     e.which = 13;
     e.keyCode = 13;
     $(document).trigger(e);     
}
</script>
</head>
<body id="thebody">
  <input type="button" onclick="clickevent()" value="click me first">
</body>
</html>

如果您谈论的是自动输入 Enter 键以触发 submit 事件，则可以改用以下内容： 

$("#formID").submit();

<小时 />若要在按下按钮后触发此事件，请尝试以下操作：

$("#buttonID").click(function() {
    $("#formID").submit(); // submits form
});

$("#txtfield").keyup(function(e) {
 if(e.keyCode == 13) {
  $("#submit").submit();
 }
});
相关文章：