jquery - 解除特殊按键事件的绑定(bind)

Question

我有一个关于 jQuery 按键事件的问题。我有以下(工作)代码:

$(document).bind('keypress', function(event) {

    if ($('#myDiv').is(':visible')) {

        if (event.which == 102) {
            // ...do something...
        }

    }
    else {
        if (event.which == 102) {
            return;
        }
    }

});

我总是“解除绑定(bind)”该事件，并在其“上方”绑定(bind)另一个事件。我知道可以用 .unbind('keypress') 解绑但我收到了更多按键事件，当我使用 $(document).unbind('keypress') 解除绑定(bind)时我所有的事件都消失了。

我可以做一些类似“keypress.102”的事情来仅解除绑定(bind)这个特定的“键”吗？或者如何做到这一点？!

Answer 1

你走在正确的道路上。这就是 namespaced events ，即使用 <event_name>.<namespace> 标记特定结合(在您的情况下，“keypress.102”)。

例如:

$(document).bind("keypress.key102", function(event) {
    if ($('#myDiv').is(':visible')) {

        if (event.which == 102) {
            // ...do something...
        }

    }
    else {
        if (event.which == 102) {
            return;
        }
    }
});

您可以稍后取消绑定(bind)，而不会影响其他绑定(bind)的按键事件:

$(document).unbind("keypress.key102");