如何使用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所需的事件。

在下面的代碼片段，移 + 空間觸發按鈕的點擊。

$("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>