如何取消Jquery中的箭头键

Question

我有这段代码用于 youtube 自动完成建议：

$(function(){

    $('#input-field').keyup(function(){
        var val = $(this).val();
        jQTubeUtil.suggest(val, function(response){
            var html = '';
            for(s in response.suggestions){
                var sug = response.suggestions[s];
                html += '<li class="li-class"><a href="#">'+sug+'</a></li>';
            }
            if (response.suggestions.length)
                $('#autocomplete').html(html).show();
            else 
                $('#autocomplete').hide();
        });
    });

});

如果按下箭头键（键码 40/38），如何停止发出请求？ 我知道这与“！”有关。或事件“.not”，但我的努力没有得到回报。

Answer 1

如果键位于这些值之间，您可以简单地返回，从而有效地停止函数执行。

$(function(){
    $('#input-field').keyup(function(event){
        if (event.which >= 38 && event.which <= 40)
            return;

        ...
    });
});

Answer 2

添加一个变量： $('#input-field').keyup(function(){ like e

$('#input-field').keyup(function(e){
    if(e.keyCode===38 /*Up key */ || e.keyCode === 40 /*key down */) { return ;}
    // Rest of your code...

请注意，您可能需要检查左侧和右侧也可以使用右键，但不要阻止它们，而是取消您对“其余代码”所做的调用：

$(function(){

    $('#input-field').keyup(function(e){

        if(!(e.keyCode>=37 && e.keyCode <= 40)) {
            var val = $(this).val();
            jQTubeUtil.suggest(val, function(response){
                var html = '';
                for(s in response.suggestions){
                    var sug = response.suggestions[s];
                    html += '<li class="li-class"><a href="#">'+sug+'</a></li>';
                }
                if (response.suggestions.length)
                    $('#autocomplete').html(html).show();
                else 
                    $('#autocomplete').hide();
            });
        }
    });

});

Answer 3

尝试此操作以取消一系列键：

$(function(){
    $('#input-field').keyup(function(e){
        if (e.which >= 38 && e.which <= 40)
            e.preventDefault();
    }
}