jQuery Keydown/Keyup只能每隔一段时间运行一次

Question

我有与文档绑定的keyup/down事件.Keydown只会在第二次发射,而我不知道为什么.我在类似的SO-Questions上尝试了许多建议,但没有一个有效.

我的Javascript:

$(document).on('keyup', function() {
    $('div').removeClass('bar');
});
$(document).on('keydown', function(e) {
    if(e.altKey) {
        $('div').addClass('bar');  // only every second hit will add the class
    }
});

这应该指出问题:http: //jsfiddle.net/6yxt53m9/1/

Answer 1

您需要添加return false;按键功能:

$(document).on('keyup', function() {
    $('div').removeClass('bar');
    return false;
});

$(document).on('keydown', function(e) {
    if(e.altKey) {
        $('div').addClass('bar');
    }
    return false;
});

更新了小提琴.

Answer 2

使用

$(document).on('keyup', function(e) {
    $('div').removeClass('bar');
    e.preventDefault();
});

e.preventDefault(); 将重置输入