仅当未在输入字段中按下该键时才绑定该键（用于使用退格键进行页面转换）？

Question

我不知道为什么，但我已经可以工作了，但今天它停止工作了。基本代码是：

$(document).bind("keydown", function(e){
    if (e.keyCode) code = e.keyCode;         // für alle Browser
    else if (e.which) code = e.which;         // für ie
    if(code==8) {
    $("#outer-frame").fadeOut(400, function (){ //content fade-out
        history.back(-1); //gehe einen Schritt in der Browser-History zurück
});
    return false; // Browser bricht ab
}
});

而且我还有一个if语句，不再知道它了，它突然停止工作了。 我希望退格键绑定到 keydown 并执行页面转换效果。没问题，只要我想阻止整个事情被调用，如果用户在输入字段中按下退格键，他将被重定向到历史记录中的最后一页。

请帮助我！如果某些东西停止工作，那就太烦人了。

我使用了 css 中的 :focus 选择器，例如 if ( $("input:focus") ...

只是想补充一点，浏览器开关不是我做的，绑定事件和 if(code==8) 是我的编码，淡入淡出和历史也一样，但没有什么独特的，你会发现很多例子，所以我在研究不同的浏览器行为期间做了（我发现了一些类似的代码，但我认为那是 jQuery ...而且 jQuery 很棒！）

。我对 Ken Egozi 和 SimpleCoder 提供的解决方案感到非常满意，并且非常感谢你们俩的帮助！

Answer 1

如果在文本区域、文本框或密码框中按下按键，则需要继续（返回 true）。

添加

if ($(e.target).is("textarea, input[type=text], input[type=password]")) return true;

到您的处理程序中的 if (code==8) 位之前

Answer 2

我会这样做：

$(document).bind("keydown", function(e) {
    if ((e.target.nodeName.toLowerCase() != "input" && e.target.nodeName.toLowerCase() != "textarea") && e.which == 8) {
        $("#outer-frame").fadeOut(400, function() {
            history.back(-1);
        });
        return false; // unterbricht die Verarbeitung durch den Browser
    }
});

另外，正如你所知，jQuery 自动规范化 e.which 属性，因此：

if (e.keyCode)
    code = e.keyCode; // für alle Browser
else if (e.which)
    code = e.which; // für ie
if (code == 8) {

可以写为

if (e.which == 8) {