调度事件"keyup"是 React

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>
);
}