javascript - 使用 jQuery 的 ShortKeys 插件检测转义键

Question

我在 JavaScript 中使用 ShortKeys 设置了所有其他键，如下所示:

<script type="text/javascript" src="http://rikrikrik.com/js/jquery.shortkeys.js"></script>

$(document).shortkeys({
'U':       function () {
    $('#imginput').slideToggle(500);
    $("#textinput").slideUp(500);
    $("#sortPost").slideUp(500);
}});

现在我正在尝试设置退出键，但我不知道如何设置。

我尝试过:

$(document).shortkeys({
'Esc':       function () {
    $('#imginput').slideUp(500);
    $("#textinput").slideUp(500);
    $("#sortPost").slideUp(500);
    $('.help_info').fadeOut(500);
}});

我也尝试过:

e.keyCode == 27:       function () {
    $('#imginput').slideUp(500);
    $("#textinput").slideUp(500);
    $("#sortPost").slideUp(500);
    $('.help_info').fadeOut(500);
}});

如何才能让这些事件在我按转义键时发生？

Answer 1

我不知道shortkeys，但使用标准keyup绑定(bind)你可以做到这一点:

$(document).keyup(function(e) {
    if (e.which == 27) {
        $('#imginput').slideUp(500);
        $("#textinput").slideUp(500);
        $("#sortPost").slideUp(500);
        $('.help_info').fadeOut(500);
    }
});​

如event.which中所述documentation :

The event.which property normalizes event.keyCode and event.charCode. It is recommended to watch event.which for keyboard key input.