简体繁体 English

在 React 的 keyDown 上的 e.preventDefault() 之后不能使用任何键

[英]Can't use any key after e.preventDefault() on keyDown in React

原文 2022-04-21 18:47:09 7 1 reactjs/ input/ event-handling/ keydown/ onkeydown

I need to stop users from typing more than 4 digits in an input.我需要阻止用户在输入中输入超过 4 位数字。 Calling e.preventDefault() works fine with onKeyPress , but I don't want to use it because it's deprecated.调用e.preventDefault()可以与onKeyPress一起正常工作，但我不想使用它，因为它已被弃用。 Using onKeyDown works, but after calling e.preventDefault() , the user can't delete the text, that input is now "frozen".使用onKeyDown有效，但在调用e.preventDefault()之后，用户无法删除文本，该输入现在已“冻结”。 I understand that it's by design.我知道这是设计使然。 Is there a better way to stop the user from typing more than 4 digits but still to allow the deletion of the text?有没有更好的方法来阻止用户输入超过 4 位数字但仍然允许删除文本？

1 个解决方案

Have you attempted adding the maxLength="4" attribute to your input?您是否尝试过将maxLength="4"属性添加到您的输入中？

https://www.w3schools.com/tags/att_input_maxlength.asp https://www.w3schools.com/tags/att_input_maxlength.asp

无法在React元素（div）上调用e.preventDefault - Can't call e.preventDefault on React element (div)

无法让 e.preventDefault 与 React Typescript 一起使用 - Can't get e.preventDefault to work with React Typescript

反应中的事件冒泡不会停止使用 e.preventDefault() - Event bubbling in react doesn't stop using e.preventDefault()

如何在具有更多参数的函数中使用e.preventDefault（）？ - How can I use e.preventDefault() in a function with more parameters?

类型错误：e.preventDefault 不是反应中的 function - TypeError: e.preventDefault is not a function in react

为什么 e.preventDefault() 在 React 中不起作用？ - Why e.preventDefault() does not work in React?

React TypeScript onSubmit e.preventDefault() 不起作用 - React TypeScript onSubmit e.preventDefault() not working

e.preventDefault(); 不工作（React.js） - e.preventDefault(); Not working (React.js)

e.preventDefault() 不是 function NextJS/React - e.preventDefault() not a function NextJS/React

React 表单在没有 e.preventDefault() 的情况下提交了两次，在 e.preventDefault() 的情况下提交了零次 - React form is submitting twice without e.preventDefault() and zero times with e.preventDefault()

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 无法在React元素（div）上调用e.preventDefault - Can't call e.preventDefault on React element (div) 无法让 e.preventDefault 与 React Typescript 一起使用 - Can't get e.preventDefault to work with React Typescript 反应中的事件冒泡不会停止使用 e.preventDefault() - Event bubbling in react doesn't stop using e.preventDefault() 如何在具有更多参数的函数中使用e.preventDefault（）？ - How can I use e.preventDefault() in a function with more parameters? 类型错误：e.preventDefault 不是反应中的 function - TypeError: e.preventDefault is not a function in react 为什么 e.preventDefault() 在 React 中不起作用？ - Why e.preventDefault() does not work in React? React TypeScript onSubmit e.preventDefault() 不起作用 - React TypeScript onSubmit e.preventDefault() not working e.preventDefault(); 不工作（React.js） - e.preventDefault(); Not working (React.js) e.preventDefault() 不是 function NextJS/React - e.preventDefault() not a function NextJS/React React 表单在没有 e.preventDefault() 的情况下提交了两次，在 e.preventDefault() 的情况下提交了零次 - React form is submitting twice without e.preventDefault() and zero times with e.preventDefault()

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM