可拖动的jQuery事件同时单击和keydown？

Question

我试图让 jQuery UI 事件仅在满足在 shift 键处于 keydown 状态时被点击的条件（模拟被按住）时触发，如果不禁用该事件。

此示例使用 jQuery UI 的 .draggable 仅在用户单击并按住 shift 时拖动容器 div。

http://jsfiddle.net/zEfyC/

非工作代码，不确定这是否是最好的方法或有什么问题。

$(document).click(function(e) {

    $('.container').keydown(function() {
        if (e.shiftKey) {
            $('.container').draggable();
        } else {
            $('.container').draggable({
                disabled: true
            });
        }
    });
});​

Answer 1

我看到该代码有很多错误。首先，您只需在单击文档后添加关键侦听器。其次，您将 keydown 添加到容器 div，而不是整个文档。然后，您还需要听 keyup，因为释放 shift 键应该禁用可拖动性，那么您还需要将 disabled: false 传递给 shift 向下的情况。而且您的处理程序缺少 e 参数。试试这个：

$(function(e) {
    var handler = function(e) {
        if (e.shiftKey) {
            $('.container').draggable({
                disabled: false
            });
        } else {
            $('.container').draggable({
                disabled: true
            });
        }
    };
    $(document).keydown(handler);
    $(document).keyup(handler);
});