当点击type=“重置”按钮时，如何点击"Esc“键？

Question

当单击<input type="reset">按钮时，是否有一种方法可以触发"Esc“键的点击？(由于某种原因，现有功能需要Esc正常工作。)

准确地说，所期望的结果是：

输入字段中的

1. 类型

1. 单击“重置”

key

1. 清除输入+

下面是创建的表单，例如：

<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
<form onsubmit="event.preventDefault(); myFunction();">
  <input type="text" id="quick-search" required="" />
  <input type="reset" id="reset-btn" value="Reset" />
</form>
<style>
  input#quick-search:not(:valid)~input#reset-btn {
    display: none;
  }
</style>
<script>
  $(document).keydown(function(e) {
    if (e.key === "Escape") {
      $("#reset-btn").click();
    }
  });
</script>

我知道如何使"Esc“作为单击reset，但无法找到的答案，使点击reset也有一个点击"Esc”。

Answer 1

谢谢你对这个问题的评论。

剧本原来是这样的：

var esc = jQuery.Event("keypress");
esc.keyCode = 27;
$("#reset-btn").trigger(esc);

参考文献：https://stackoverflow.com/a/55102965/1468253

Answer 2

​

    $(document).on('keyup', function(event) {
         if (event.key == "Escape") {
            $("#reset-btn").click();
         }
    });

 input#quick-search:not(:valid)~input#reset-btn {
        display: none;
      }

<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
<form onsubmit="event.preventDefault(); myFunction();">
  <input type="text" id="quick-search" required="" />
  <input type="reset" id="reset-btn" value="Reset" />
</form>

​