javascript - 防止选择中的右/左箭头导航

标签 javascript jquery html

我有 3 个选择,我正在启用键盘导航(向右和向左箭头键)在它们之间移动。按向右或向左箭头键时的默认行为是在列表中向上/向下移动。

我的解决方案可以在选择之间移动,但每次您移动到新的选择时,您刚刚移动的选择中的选定值会根据您按下的箭头向上或向下移动。

有没有办法阻止选择的默认左右箭头键?我已经尝试过 e.preventPropagation 和 e.preventDefault,但这似乎不起作用。

JSFIDDLE

最佳答案

我刚刚弄明白了。当我需要绑定(bind)到 keydown 事件时,我正在绑定(bind)到 keypress 事件。绑定(bind)到 keydown 时,您可以使用 e.preventDefault()。

JSFIDDLE SOLUTION

关于javascript - 防止选择中的右/左箭头导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7987695/

相关文章:

javascript - 使用 javascript 更新 json 对象

PHP 和 jQuery 绘制数字动画

jQuery 删除(RESTful)

html - Bootstrap 4 : Dropdown menu href link not going to href location

对象内部的 Javascript 原型(prototype)方法

javascript - Plotly.extendTraces 不接受悬停文本更新

javascript - 为什么我的 Dojo 图表中的图例没有显示颜色?

javascript - 变量从 PHP 转换成 jQuery 形成链接

css - 在 CSS HTML 中对齐翻转卡片

javascript - 当按下 HTML 按钮时如何显示从 PHP 函数返回的数据