調度事件“keyup”是反應

Question

我正在嘗試使用特定鍵 - “Tab”發送“keyup”事件。 這個想法是當設置一些值輸入光標時自動切換到下一個輸入。 有沒有辦法做到這一點？

我正在做這樣的事情https://codesandbox.io/s/misty-violet-ftr7l

謝謝你的回答）

Answer 1

要在tab上的不同輸入元素之間切換，您不需要事件處理程序。 正確的方法是設置tabIndex 。 因此，當您按 Tab 鍵時，它將切換到下一個索引。

export default function App() {
  const keyUpHandler = e => {
    e.preventDefault()
    console.log(e.target.tabIndex);
  };

  return (
    <div className="App">
      <input tabIndex={1} onKeyUp={keyUpHandler} type="number" />
      <input tabIndex={2} onKeyUp={keyUpHandler} type="number" />
      <input tabIndex={3} onKeyUp={keyUpHandler} type="number" />
    </div>
  );
}