取消 HTML 中的 keydown

Question

如何取消键盘上特定键的 keydown，例如 HTML 页面中的（空格、回车和箭头）。

Answer 1

如果您只对您提到的示例按键感兴趣，则可以使用 keydown 事件，但对于旧版、Blink 之前的 Opera 版本（至少包括版本 12）除外，您可以在其中使用您需要取消keypress事件。在 keydown 事件中比在 keypress 事件中可靠地识别不可打印的按键要容易得多，因此下面使用一个变量在 keydown 中设置> 处理程序告诉keypress处理程序是否抑制默认行为。

使用 addEventListener 并忽略旧版 Opera 的示例代码

document.addEventListener("keydown", function(evt) {
    // These days, you might want to use evt.key instead of keyCode
    if (/^(13|32|37|38|39|40)$/.test("" + evt.keyCode)) {
        evt.preventDefault();
    }
}, false);

2010 年的原始示例代码

var cancelKeypress = false;

document.onkeydown = function(evt) {
    evt = evt || window.event;
    cancelKeypress = /^(13|32|37|38|39|40)$/.test("" + evt.keyCode);
    if (cancelKeypress) {
        return false;
    }
};

/* For pre-Blink Opera */
document.onkeypress = function(evt) {
    if (cancelKeypress) {
        return false;
    }
};

Answer 2

捕获 keydown 事件并返回 false。它应该是这样的：(

<script>
document.onkeydown = function(e){
  var n = (window.Event) ? e.which : e.keyCode;
  if(n==38 || n==40) return false;
}
</script>

在这里看到)

键码定义 此处

编辑：更新我的答案以在 IE 中工作

Answer 3

这当然是非常古老的线程。
为了在 IE10 和 FireFox 29.0.1 上发挥魔法，您绝对必须在 keypress （而不是 keydown）事件侦听器函数中执行此操作：

if (e.preventDefault) e.preventDefault();

Answer 4

jQuery 有一个很好的 KeyPress 函数，它允许您检测按键，那么它应该只是一个检测键值并对要忽略的键值执行 if 的情况。

编辑：
例如：

$('#target').keypress(function(event) {
  if (event.keyCode == '13') {
     return false; // or event.preventDefault();
  }
});

Answer 5

只需返回 false 即可。请注意，这在 Opera 上不起作用。您可能想使用 onkeyup 来代替并检查最后输入的字符并处理它。
或者更好地使用 JQuery KeyPress

Answer 6

我只为 IE 开发，因为我的工作需要它，所以有我的数字字段代码，不美观，但工作得很好

    $(document).ready(function () {

    $("input[class='numeric-field']").keydown(function (e) {

        if (e.shiftKey == 1) {
            return false
        }

        var code = e.which;
        var key;

        key = String.fromCharCode(code);

        //Keyboard numbers   
        if (code >= 48 && code <= 57) {
            return key;
        } //Keypad numbers
        else if (code >= 96 && code <= 105) {
            return key
        } //Negative sign
        else if (code == 189 || code == 109) {
            var inputID = this.id;
            var position = document.getElementById(inputID).selectionStart
            if (position == 0) {
                return key
            }
            else {
                e.preventDefault()
            }
        }// Decimal point
        else if (code == 110 || code == 190) {
            var inputID = this.id;
            var position = document.getElementById(inputID).selectionStart

            if (position == 0) {
                e.preventDefault()
            }
            else {
                return key;
            }
        }// 37 (Left Arrow), 39 (Right Arrow), 8 (Backspace) , 46 (Delete), 36 (Home), 35 (End)
        else if (code == 37 || code == 39 || code == 8 || code == 46 || code == 35 || code == 36) {
            return key
        }
        else {
            e.preventDefault()
        }
    });

});