为什么keypress事件无法捕获输入的字符？
在给输入框做实时验证时发现，用keypress事件监听输入，event.charCode返回的值总不正确，比如输入字母a会得到97，但转成字符串却变成undefined…
尝试过这样写：
input.addEventListener('keypress', function(event) {
const char = String.fromCharCode(event.charCode);
console.log(char); // 输入"a"时控制台显示""
});
换成keydown事件反而能正确获取keyCode，但不确定这样改是否符合规范？其他同学写的类似功能却能正常显示字符，是不是和浏览器版本有关？
- 2
回答
43浏览
为什么我的keypress事件无法捕获Enter键的输入？
我正在给一个搜索输入框添加键盘交互，想用keypress事件监听回车键触发搜索。按回车时控制台没有任何反应，但用keydown却能正常触发。我试过检查事件对象的keyCode和key属性，发现keyp...
- 2
回答
59浏览
为什么keypress事件检测到的大写字母显示为小写？
我给输入框绑定了keypress事件，想记录用户输入的每个字符。但发现当按下Shift+字母键时（比如Shift+A），event.key返回的始终是小写字母"a"，而不是预期的大写"A"。这该怎么正...
- 2
回答
53浏览
keypress 事件为什么监听不到方向键？
我在写一个用键盘控制的小游戏，想用 keypress 事件监听方向键（上下左右），但发现根本没反应。查了下文档说 keypress 只对能产生字符的按键有效，那方向键这种功能键该怎么监听才对？ 我试过...
- 2
回答
25浏览
为什么 keypress 事件在 Vue 里监听不到方向键？
我最近在用 Vue 做一个简单的键盘控制功能，想用 keypress 监听方向键（比如左、右箭头），但发现完全没反应。查了文档说 keypress 只对能产生字符的按键有效，那是不是意味着方向键根本不...
- 2
回答
54浏览
为什么我的keydown事件在输入框按下回车时无法触发？
大家好，我正在做一个搜索框，想用回车键触发搜索，但发现按下回车时事件完全没反应。代码写的是这样的： <input type="text" id="searchBox...
- 2
回答
108浏览
React中touchend事件为什么在快速滑动后无法触发？
我在用React做手势滑动时发现，当快速滑动手指离开屏幕后，touchend事件偶尔不触发，这是为什么？ 代码是这样的： function Slider() { const handleTouchSt...
- 1
回答
47浏览
搜索建议列表点击后无法正确填入输入框怎么办？
我在做搜索框的自动建议功能，用的是监听 input 事件 + 调接口返回关键词列表。现在问题是，点击建议项时，输入框的值虽然能通过 inputRef.current.value = item 设置，但...
- 2
回答
28浏览
keyup事件监听后为什么有时候不触发？
我在做一个输入框的实时搜索功能，绑定了 keyup 事件，但有时候快速输入或者按回车的时候，事件好像没触发，控制台也没输出。是不是我写法有问题？ 这是我目前的代码： const input = doc...
- 2
回答
44浏览
iView的Input组件为什么无法双向绑定输入值？
我在用iView的Input组件做表单，想实现输入内容实时更新到state里，但发现输入框的内容变了，state却没更新。我按照文档用了onInput和value，但好像没生效，是不是哪里写错了？ 下...
- 2
回答
28浏览
事件捕获阶段为啥没触发我的监听函数？
我在给一个嵌套的div结构加点击事件，想在捕获阶段就处理，但发现根本没进回调。是不是我写错了？ 试过把第三个参数设成true，也确认了元素确实被点到了，但就是不执行。控制台也没报错。 document...
keypress 这个事件本身就属于过时 API，Chrome 从 89 版开始就默认不触发非字符键的 keypress 了（比如数字、字母在某些输入法下也可能不触发），更别说移动端 Safari 早就基本不支持了。
你看到 event.charCode 是 97，但 String.fromCharCode(event.charCode) 变成空字符串，大概率是因为 event.charCode 实际上是 0（或者 undefined），而 String.fromCharCode(0) 返回的是 'x00'，显示出来就像空字符串。
正确做法别用 keypress，直接用 input 事件，或者用 keydown + event.key：
input.addEventListener('input', function(event) {
const char = event.data; // 这才是你刚输入的那个字符
console.log(char);
});
或者如果你非要监听键盘（比如要拦截非法按键），用 keydown：
input.addEventListener('keydown', function(event) {
if (event.key.length === 1) {
console.log(event.key); // 'a', 'B', '1' 这样
}
});
复制过去试试：
input.addEventListener('input', e => console.log(e.data));
这个方案兼容所有现代浏览器，包括 iOS Safari 和 Android Chrome，实测有效。
input.addEventListener('input', function(event) {
const value = event.target.value;
console.log(value.slice(-1)); // 获取最后输入的字符
});
如果非要用键盘事件，推荐keydown配合event.key，简单粗暴：
input.addEventListener('keydown', function(event) {
console.log(event.key); // 直接输出按下的字符
});
检查一下你的浏览器版本，老古董该升级了。