键盘交互
本话题发布键盘交互相关的问答文章和技术分享，将持续更新，为您推荐了13篇问答，访问即可查看更多精彩内容。
-
1
回答
28浏览
Tab键导航时焦点顺序乱了怎么办？
我做了一个模态弹窗，里面有几个按钮和输入框，但按Tab键时焦点顺序完全不对，有时候直接跳到浏览器地址栏去了。明明元素都在页面上，而且都设置了tabindex，怎么还是不按顺序走？ 我试过把tabind...
-
1
回答
39浏览
Hotkeys.js 为什么监听 Ctrl+Enter 不生效？
我用 Hotkeys.js 想监听 Ctrl+Enter 组合键提交表单，但怎么按都没反应，其他快捷键比如 'a' 或 'ctrl+s' 都能正常触发。是不是组合键写法有问题？ 我试过写成 'ctrl...
-
1
回答
48浏览
为什么按 Enter 键不能提交表单？
我在一个带输入框的弹窗里加了表单，但按 Enter 键完全没反应，明明 input 在 form 里面啊。<form onsubmit="handleSubmit"> 这样写的，是不是少了...
-
1
回答
48浏览
为什么在 Vue 里监听键盘事件时 keyCode 不生效？
我最近在用 Vue 做一个快捷键功能，想通过 keyCode 判断按的是哪个键，但发现它一直是 undefined。明明以前这么写是没问题的，是不是现在浏览器不支持了？ 我试过在 @keydown 里...
-
2
回答
51浏览
Esc键怎么才能取消当前操作？
我在做一个模态框，想让用户按 Esc 键就能关闭，但试了几次都没反应。我绑定了 keydown 事件，判断 e.key === 'Escape'，逻辑应该没问题啊？ 下面是我写的代码，不知道是不是哪里...
-
1
回答
116浏览
按住 Shift 键点击多个元素时如何正确记录选中状态？
我在做一个类似文件管理器的多选功能，想实现按住 Shift 键后点击两个项目，自动选中它们之间的所有项。但目前的问题是，每次点击都会触发默认的单选逻辑，导致中间的元素没法正确选中。 我试过在 clic...
-
2
回答
188浏览
React中如何正确监听全局快捷键（比如Ctrl+K）？
我在写一个搜索功能，想用 Ctrl+K 触发聚焦到搜索框，但加了键盘事件监听后没反应，不知道是不是哪里写错了。 试过在 useEffect 里加 window.addEventListener，也试过...
-
2
回答
25浏览
Hotkeys.js 为什么监听 Ctrl+Enter 没反应？
我用 Hotkeys.js 想监听 Ctrl+Enter 组合键，但死活不触发回调，其他快捷键比如 'a' 或 'ctrl+a' 都正常。 代码是这样写的：hotkeys('ctrl+enter', ...
-
2
回答
38浏览
Vue中Alt键组合检测失效，event.altKey总是false怎么办？
我在用Vue做一个输入框的快捷键功能，想用Alt+Enter切换输入模式。但发现无论怎么按Alt键，event.altKey都返回false。代码里绑定了keydown事件，还试过加.prevent修...
-
2
回答
96浏览
为什么keypress事件无法捕获输入的字符？
在给输入框做实时验证时发现，用keypress事件监听输入，event.charCode返回的值总不正确，比如输入字母a会得到97，但转成字符串却变成undefined... 尝试过这样写： inpu...
-
2
回答
59浏览
为什么keypress事件检测到的大写字母显示为小写？
我给输入框绑定了keypress事件，想记录用户输入的每个字符。但发现当按下Shift+字母键时（比如Shift+A），event.key返回的始终是小写字母"a"，而不是预期的大写"A"。这该怎么正...
-
2
回答
71浏览
全局快捷键监听导致其他输入框无法输入怎么办？
在React项目里实现全局快捷键Ctrl+S触发保存功能时，发现输入框里按Ctrl+S会同时触发保存和输入下划线。试过用event.preventDefault()，但其他页面的搜索框输入斜杠时也会被...
-
2
回答
79浏览
Alt键在macOS下触发事件时为何被浏览器拦截？
我正在给导航菜单添加键盘交互，用Alt键+方向键展开子菜单。但发现macOS的Chrome里Alt键完全没反应，换成Ctrl键就正常了，这是为啥？ 我试过在事件监听器里用event.preventDe...
