點擊和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); 
});