防止用户在输入字段中删除
[英]Preventing the user from deleting in an input field
问题描述
我想要一个文本字段（HTML 中的<input> ），用户只能使用它来编写文本，但是在删除文本时，它应该阻止他更新输入元素的 state。
<input type="text" />
除了检测用户在键盘上的按键操作（即使用onKeyUp属性）并观察用户按键操作直到他按下 Backspace 字符之外，我想不出一个解决方案：
const input = document.querySelector('input') input.addEventListener('keydown', (e) => { const keyCode = e.keyCode if (keyCode === 8) console.log("Backspace pressed!") })
<input type="text" />
然而，这里有一个缺失的部分，即使用户无法通过 Backspace 键清除输入内容，他也可以使用Del键。 所以我必须像处理 Backspace 键一样处理 Del 键。
现在，还有一个问题，就是试图通过覆盖内容来修改输入内容，如下所示：
然后，在那之后，我将不得不通过cutting内容来防止用户编辑文本（我不知道该怎么做）。
那么，有哪些替代方案？
请随意使用 HTML、JavaScript、CSS，甚至 React。
0 条回复
防止用户在数字类型的输入元素中输入负数
[英]Preventing user from entering negative numbers in input elements with number type
自动建议输入，防止文本复制到其他输入文本字段
[英]Autosuggest input preventing text from being copied to other input text field
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.