如何防止HTML输入字段中的键UP和DOWN行为?

use*_*270 4 javascript jquery

我知道在stackoverflow上也有类似的问题,但是我认为这些问题都没有有效的解决方案。因此,当您将焦点放在HTML输入字段上时按UP或Down键时,光标会自动移至输入值的前/后。

(您可以在stackoverflow网站上的“右上搜索”框中进行检查)。

我要删除这个!

我尝试了以下代码,但是没有用:

$(document).on("keydown", "#input_field", function(event) {
    if(event.which==38 || event.which==40){
        event.preventDefault();
    }
});
Run Code Online (Sandbox Code Playgroud)

任何解决方案..?

Mas*_*rAM 5

我看不到阻止相当有用的行为的意义,但这在SO搜索框中对我有用:

$(document).on("keydown keyup", "#search input", function(event) { 
    if(event.which==38 || event.which==40){
        event.preventDefault();
    }
});
Run Code Online (Sandbox Code Playgroud)

此代码同时针对keyupkeydown事件。

  • 当您键入并出现带有建议的下拉菜单时,您可以使用“ keyup”和“ keydown”浏览建议。因此,在这种情况下,您不希望光标移动到开始/结束 (4认同)