点击和keydown同时拖动jQuery事件？

Question

我试图让一个jQuery UI事件触发，只有当它符合被按下的条件时shift键处于keydown状态（模仿被持有），并且如果不禁用事件。

本示例仅在用户单击并保存转换时才使用jQuery UI的.draggable来拖动容器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，而不是整个文档。然后，您还需要听取关键帧，因为释放shift键将禁用可拖动性，那么您还需要将关闭：false设置为关闭移位的情况。你的处理程序缺少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); 
});