同時にドラッグ可能なjQueryイベントをクリックしてキーダウンしますか？

Question

シフトキーがkeydown状態（模倣している）にある間にクリックされるという条件を満たし、イベントを無効にしない場合にのみ、jQuery UIイベントを発生させようとしています。

この例では、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

このコードでは多くのエラーが発生します。まず、キーリスナーをクリックした後でのみ、そのキーリスナーを追加します。次に、文書全体ではなく、コンテナdivにkeydownを追加します。シフトキーを放すとドラッグ可能性を無効にする必要があるので、keyupを聞く必要があります。シフトがダウンしている場合は、disabled：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); 
});