gpt4 book ai didi

javascript - HandleKeyPress 无法识别向下箭头

转载 作者:行者123 更新时间:2023-11-28 17:21:46 25 4
gpt4 key购买 nike

我正在使用 React.js 构建自定义的、可访问的 select 输入。我需要使 updown 箭头键发挥作用,因为 tab 键在 select 输入的范围内选项

我在元素上有一个 handleKeyPress 函数,用于检测何时按下其他键(例如 'Enter' 工作正常)。

这是一个示例选项:

<li
className="oc-select-field__item"
tabIndex="0"
onClick={handleClick}
onKeyPress={handleKeyPress}
>

...这是handleKeyPress函数

handleKeyPress = event => {
if (event.key === 40) {
console.log('Down arrow key fired'); // does not fire
}
if (event.key === 'Enter') {
console.log('Enter key fired'); // does fire
}
};

我做错了什么,没有成功检测到按下向下箭头?

最佳答案

event.which 将为您提供键的数值。

event.keyevent.code 将为您提供一个字符串值。

试试这个工具:http://keycode.info

if (event.key === 'ArrowDown') {
console.log('Down arrow key fired');
}

正如 @devserkan 提到的,您应该使用 onKeyDown 而不是 onKeyPress

The keydown event is fired when a key is pressed down. Unlike the keypress event, the keydown event is fired for keys that produce a character value and for keys that do not produce a character value.

关于javascript - HandleKeyPress 无法识别向下箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52339900/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com