如何禁用下拉/选择器元素的箭头键?

Lam*_*829 3 javascript jquery

什么是一个好的jquery/javascript方法,以防止用户使用向上和向下箭头键在下拉框中选择选项(即强制用户只使用鼠标选择菜单选项)?谢谢!

Nea*_*eal 11

#1.不要这样做,它充满了用户体验

但如果你是:

$('select').on('keydown', function(e){
    if(e.keyCode === 38 || e.keyCode === 40) { //up or down
        e.preventDefault();
        return false;
    }
});
Run Code Online (Sandbox Code Playgroud)

  • 这是另一个原因:我的特定用户组从MS DOS _software_(原文如此)转移到Web应用程序,他们明确要求用箭头键导航...所以,我在这里:/ (3认同)
  • 我可以说明为什么要这样做:我希望类似Excel的单元格导航体验使用Ctrl + ArrowKey在输入表(input,select,textarea)中移动插入符号,但Ctrl +向上/向下总是进行选择如果重点是改变它的价值. (2认同)
  • 是的,我认为,答案的"不要那样做"部分并不是特别有用.我正在尝试实现相同的替换excel,以便用户获得他们期望的体验.它可能不是顶级的正确做法,但它仍然比使用excel作为数据输入工具更好. (2认同)
  • 此解决方案仅适用于Chrome.它在Firefox或IE上都不起作用. (2认同)