jquery - 可以将按键绑定(bind)到div吗？

Question

我正在尝试使用this插件(颜色选择器)。我不喜欢的一点是，我发现很难弄清楚如何关闭颜色对话框(如果弹出 - 请参阅带有文本框的示例)。

我很想拥有它，这样在 esc 上就可以关闭对话框。我想我需要将它绑定(bind)到 div，但我无法让它工作，所以我不确定是否可能。

Answer 1

var showing = false;

$('#colorSelector').ColorPicker({
    onShow: function (colpkr) {
        showing = true;
        return false;
    },
    onHide: function (colpkr) {
        showing = false;
        return false;
    }
});

$("body").keyup(function(e){
    if(e.keyCode == 27 && showing) $('#colorSelector').click();
    //Click it again to slide up back up, right?
});

这应该有效。我唯一不确定的是 $('#colorSelector').click();，如果这不能使其向后滑动，您可能需要将其更改为其他内容。