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绑定你可以这样做：

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

如event.which 文档中所述：

event.which 属性规范了 event.keyCode 和 event.charCode。建议观看 event.which 进行键盘按键输入。