-1 
$(document).ready(function(){
    $(document).bind('keydown',function(e){
        key  = e.keyCode;
        if(key == 37){
            left();
        }else if(key == 38){
            up();
        }else if(key == 39){
            right();
        }else if(key == 40){
            down();
        }
    });
            alert("Hi");
});

“嗨”只有一次提醒我如何才能在它开始后突破$(document).bind？类似break;或return;可能的东西？

4

2 回答 2

6

“嗨”只发出一次警报，因为它不在keydown处理程序内……它在ready处理程序内。

$(document).ready(function(){
    $(document).bind('keydown',function(e){
        key  = e.keyCode;
        if(key == 37){
            left();
        }else if(key == 38){
            up();
        }else if(key == 39){
            right();
        }else if(key == 40){
            down();
        }
    });// keydown handler ends here
            alert("Hi");
});

另外作为旁注，请尝试使用console方法而不是alert()，因为它可以更具描述性并且是非阻塞的。

更新

我可以从下面的评论中看到您对代码中实际发生的事情感到非常困惑......所以让我们逐步了解一下。

$(document).ready(function(){

在这里，您将处理程序绑定到DOM ready事件。当浏览器完成构建文档结构时，它会被触发。它没有考虑任何需要加载的外部资产。

$(document).bind('keydown', function(e){

现在我们将处理程序绑定到keydown事件。当事件冒泡到级别时，函数内的任何内容（并且仅在函数内）都将被执行。keydowndocument

key = e.keyCode;

您将keyCode事件的属性分配给一个key变量。我建议在它前面加上关键字var，以保持范围。var key = e.keyCode;

if(key == 37){
    left();
}else if(key == 38){
    up();
}else if(key == 39){
    right();
}else if(key == 40){
     down();
}

现在，您将跳过一系列if/else块，如果先前声明的变量与您的条件之一匹配，则调用left、和函数。uprightdownkey

});

这是处理程序的结束keydown。

alert("Hi");

给你alert()留言。这是在keydown处理程序绑定后直接完成的，而不是在每次或任何执行所述处理程序之后完成。该行作为文档ready处理程序的一部分执行一次。

});

这是文档ready处理程序的结尾。

于 2013-02-21T04:19:51.643 回答
0

我想，你不想keydown多次使用。

您可以使用on和off() 之类的，

$(document).ready(function(){
    $(document).on('keydown',function(e){
        key  = e.keyCode;
        if(key == 37){
            left();
        }else if(key == 38){
            up();
        }else if(key == 39){
            right();
        }else if(key == 40){
            down();
        }
        $(document).off('keydown'); 
    });// keydown handler ends here
            alert("Hi");
});

或者您可以使用仅触发一次的one() 。

$(document).ready(function(){
        $(document).one('keydown',function(e){
            key  = e.keyCode;
            if(key == 37){
                left();
            }else if(key == 38){
                up();
            }else if(key == 39){
                right();
            }else if(key == 40){
                down();
            }  
        });// keydown handler ends here
                alert("Hi");
    });
于 2013-02-21T04:37:17.597 回答