为什么键/键不是在“选择”上触发的？

Question

当客户端在select选项之间移动时，为什么不触发键盘事件？还有其他的活动吗？

如何复制：

• 集中注意select元素。
• 打开选择选项。
• 使用键盘(上/下)箭头移动选择选项。

结果:当您使用上/下键盘键移动这些选项时，没有发送任何事件。

HTML

<!-- The second value will be selected initially -->
<select name="text"> <!--Supplement an id here instead of using 'text'-->
  <option value="value1">Value 1</option> 
  <option value="value2" selected>Value 2</option>
  <option value="value3">Value 3</option>
</select>

JS

function onkeyEvent(evt ){
    console.log(evt);
}
            window.addEventListener('keyup', onkeyEvent, true);
            window.addEventListener('keydown', onkeyEvent, true);
            window.addEventListener('keypress', onkeyEvent, true);

只有在选择了一个选项之后，才会触发Change事件，而不是当客户端正在选择时(通过选项移动)，所以我不会接受它作为一个答案。

Answer 1

我能够使用这样的setTimeOut来解决这个问题：

$("selector").on('keydown', (ev)=> { 
    if (ev.key == "Enter") {
        setTimeout(() => {
            $("selector_to_focus").focus();            
        }, 100);
    } 
});

在我的例子中，时间执行会导致输入在按回车键后跳两次。

Answer 2

正如其他人所提到的，要从<select>元素获取关键事件，可以向元素的change事件中添加事件侦听器。