jQueryでショートカットをトリガーする方法

Question

jQueryでキーボードショートカットをトリガーすることはできますか？例：Shiftキー+スペースバーを実行します。

$("body").on("click", function(){ 
    var e = jQuery.Event("keydown"); 
    e.shiftKey = true; 
    e.which = 32; 
    $("body").trigger(e); 
}); 

Answer 1

うん、あなたは​​イベントに結合することができ、かつ適切な組み合わせが発見された場合、あなたはDOM上の目的のイベントを引き起こす可能性があります。以下のスニペットで

、Shiftキー + スペースは、ボタンのクリックをトリガします。この1を参照する

$("body").on("keydown", function(e){ 
 
    if(e.shiftKey && e.which == 32) { 
 
    $("#button").click(); 
 
    } 
 
}); 
 

 
function doSomething() { 
 
    alert("Button was clicked"); 
 
} 
 

 
function triggerShiftSpace() { 
 
    var event = $.Event("keydown"); 
 
    event.shiftKey = true; 
 
    event.which = 32; 
 
    $("body").trigger(event); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button id="button" onclick="doSomething()"> 
 
    Don't click me! 
 
</button> 
 

 
<button id="button" onclick="triggerShiftSpace()"> 
 
    Shift + Space 
 
</button>