javascript - 在 Vanilla JS 中调度/生成 keydown 事件(没有 jQuery，使用 Vanilla JS)

Question

如何使用 vanilla javascript 将按键模拟为输入？

我已经在 SO 和其他地方测试了所有可能的答案，但它在 Chrome 或 Firefox 上不起作用。

例如，假设我们有一个表单:

<input id="myInput" type="text">
<button id="myButton>Click Me</button>

我怎样才能做到在单击按钮时将字母“a”添加到输入中？

Answer 1

您首先要向 document 对象添加一个 keyup 事件监听器，然后在回调中通过 value 分配输入的值。取决于按下哪个键:

var input = document.getElementById("myInput");

document.addEventListener('keyup', function(e) {
  if (e.which === 39 || e.which === 19) {
    input.value += 'a';
  }
});

<input id="myInput" type="text" />

<button id="myButton">Click Me</button>