单击 ArrowUp 和 ArrowDown 时输入失去焦点

问题描述

我在 React 中有一个输入字段，它有一个 onKeyDown 属性，当按下 ArrowUp 或 ArrowDown 按钮时，它会运行一个特定的函数。唯一的问题是，当点击这些按钮时，输入字段会失去焦点。是的，我可以重新聚焦它，但它也有一个 onBlur 属性可以运行另一个函数，这就是我不希望输入字段失去焦点的原因。我该怎么做？

我已经尝试过这些，但没有一个奏效：

onKeyDown={(e)=>{
  if(e.key==='ArrowUp' || e.key==='ArrowDown'){
    e.preventDefault();
}

onKeyPress={(e)=>{
  if(e.key==='ArrowUp' || e.key==='ArrowDown'){
    e.preventDefault();
}

onKeyUp={(e)=>{
  if(e.key==='ArrowUp' || e.key==='ArrowDown'){
    e.preventDefault();
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）