機能の実行中にシフトキーが押されていないか確認してください。

Question

jQueryプラグインを使用して選択ボックスを置き換えています。Enterキーを押したときにシフトキーを押したまま項目を選択すると、隠し入力を追加します。私の問題は、select Plugin Listenerがkeydown listenerの前に起こっていることです。私の最初のon()を私の2番目のon()の前に実行させる方法はありますか？シフトキーが押されている場合は、2番目のon()の内部をチェックする方法はありますか？私がon()の中に入れた場合、e.shiftKeyは私にundefinedを与えます。アイデアありがとう！

var shiftHeld = false; 
$(document).on('keydown', function(e) { 
    if(e.which == 13) { 
     shiftHeld = e.shiftKey; 
    } 
}); 

$menu = $('#menu').select2(); 

$menu.on('select2:close', function (e) { 
    if(shiftHeld) { $('#form').append('<input type="hidden" name="shift" value="1" />'); } 
    form.submit(); 
}); 

Answer 1

JavaScriptでイベントモデルがフェーズをキャプチャフォーカスのある要素（にドキュメント要素から下降）、再び上昇する（発泡段階）。

document ->  element -> document 
------- CAPTURE ------|----- BUBBLING ------ 

通常、バブリングフェーズ（ターゲット要素 - >文書）でイベントをキャプチャします。 What is event bubbling and capturing?とhttps://www.quirksmode.org/js/events_order.html

ただし、リスナーをキャプチャフェーズに設定することもできます。これにより、子要素がイベントに気付く前に親要素の子イベントに反応することができます。

そうするために：イベントは、あなたの要素に到着する前に

function handleShift(e) { shiftHeld = e.shiftKey } 
document.addEventListener("keydown", handleShift, true); 
document.addEventListener("keyup", handleShift, true); 

このハンドラが呼び出されます。キャプチャフェーズでハンドラを設定することを示すために、最後のパラメータ "true"に注意してください。

Answer 2

shiftHeld値が更新されるので、シフトがリリースされたときにちょうどあなたのシフトチェックにからkeyup追加：

var shiftHeld = false; 
$(document).on('keydown keyup', function(e) { 
    if(e.which == 13) { 
     shiftHeld = e.shiftKey; 
    } 
}); 

function closeHandler() { 
    if(shiftHeld) { $('#form').append('<input type="hidden" name="shift" value="1" />'); } 
    form.submit(); 
} 

$menu.on('select2:close', setTimeout("closeHandler()",100));