在 vanilla JS 中触发 Enter 按键

我试图在我的输入上触发输入按键事件，而无需实际按下输入键，更多的是加载。

我发现初始化键盘事件 https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/initKeyboardEvent and 初始化按键事件 https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/initKeyEvent甚至 e 都已弃用。keyCode https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode and e.which https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which正在从网络标准中删除。

我也找到了这个帖子 https://stackoverflow.com/a/17217918/710887上面介绍了如何在 jQuery 中执行此操作。然而，我一直试图弄清楚如何在普通 JS 中做到这一点，但没有成功。

var txtbox = document.getElementById('txtbox');
txtbox.onkeydown = function(e) {
  if (e.keyCode == 13) {
    alert('enter key pressed');
  }
  e.preventDefault();
};

var ev = document.createEvent('KeyboardEvent');
// Send key '13' (= enter)
ev.initKeyboardEvent(
    'keydown', true, true, window, false, false, false, false, 13, 0);
document.body.dispatchEvent(ev);

<input type="text" id="txtbox" placeholder="trigger enter key press">

由于 initKeyboardEvent 已被弃用，请改用构造函数：https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent

event.key 并未被弃用，因此我们可以使用 key === "Enter"

还触发 txtbox 上的输入而不是正文

var txtbox = document.getElementById('txtbox');
txtbox.onkeydown = function(e) {
  if (e.key == "Enter") {
    alert('enter key pressed');
  }
  e.preventDefault();
};

var ev = new KeyboardEvent('keydown', {altKey:false,
  bubbles: true,
  cancelBubble: false, 
  cancelable: true,
  charCode: 0,
  code: "Enter",
  composed: true,
  ctrlKey: false,
  currentTarget: null,
  defaultPrevented: true,
  detail: 0,
  eventPhase: 0,
  isComposing: false,
  isTrusted: true,
  key: "Enter",
  keyCode: 13,
  location: 0,
  metaKey: false,
  repeat: false,
  returnValue: false,
  shiftKey: false,
  type: "keydown",
  which: 13});

txtbox.dispatchEvent(ev);