您可以仅使用参考将键盘事件发送到react组件吗?

时间:2019-12-05 22:47:44

标签: reactjs input keyboard keyboard-events ref

输入定义为:

<input ref={myRef} onChange={handleChange} value={value} />

我想要一个可以将键盘事件发送到此输入的按钮,就像我在输入本身中键入键一样。我不想只更新值的原因是因为输入上已经做过一些掩蔽(货币),并且如果不需要,我不想更改任何代码。

我看过如下在线代码:

document.dispatchEvent(
  new KeyboardEvent("keydown", {
    keyCode: 69, // example values
    code: "KeyE" // put everything you need in this object
  })
);

我尝试用myRef替换文档,但是没有用。所以我想知道这是否有可能?

编辑:

我也尝试了此尝试,但没有成功:

myRef.current.dispatchEvent(new KeyboardEvent('keydown', {
  code: 'Digit8',
  key: 'Digit8',
  charKode: 56,
  keyCode: 56,
  view: window
}));

此处为Codesandbox:https://codesandbox.io/s/gallant-goodall-zjz90

0 个答案:

没有答案