javascript 按下回车键时未检测到材料UI输入

piv4azn7 于 2023-03-21 发布在 Java

关注(0)|答案(3)|浏览(130)

我正在为我的React项目使用Material UI，无法检测到何时按下回车键。我已经尝试了以下我认为应该工作的方法，但仍然无法检测到事件，不确定我错过了什么。
我有一个自定义的MUI组件

const [search, setSearch] = useState('');

const handleChange = (event) => {
 setSearch(event.target.value);
  if (event.keyCode == 13) {
    console.log('enter key was pressed');
   }
 }

<SearchBox
  value={search}
  onChange={handleChange}
  placeholder="enter your search here"
  }}
/>

JavaScript

来源：https://stackoverflow.com/questions/64855936/material-ui-input-not-detecting-when-enter-key-is-pressed

3条答案

按热度按时间

8oomwypt1#

根据物料界面单据，只有字段值发生变化时才会调用onChange事件回调
根据用例尝试使用onKeyPress或onKeyUp、onKeyDown事件

onKeyPress={(event) => {
   if (event.keyCode === '13'){
      console.log('enter key was pressed');      
}}

赞(0）回复(0）举报 2023-03-21

9jyewag02#

`keyCode`和`charCode`已弃用。

而是使用key方法来检测Enter密钥。

onKeyPress={(event) => {
  if (event.key === 'Enter')
    console.log('Enter Pressed')
}}

赞(0）回复(0）举报 2023-03-21

qvsjd97n3#

onkeypress事件也不建议使用。
我选择使用onKeyDown而不是，如下所示：

onKeyDown={(event) => {
   if (event.key === 'Enter')
       console.log('Enter Pressed')
}

参考：https://www.w3schools.com/jsref/event_onkeypress.asp

赞(0）回复(0）举报 2023-03-21

我来回答

javascript 按下回车键时未检测到材料UI输入

3条答案

`keyCode`和`charCode`已弃用。

相关问题

热门标签

最新问答

javascript 按下回车键时未检测到材料UI输入

3条答案

keyCode和charCode已弃用。

相关问题

热门标签

最新问答

`keyCode`和`charCode`已弃用。