Question

是否可以使用jQuery触发键盘快捷键？示例：执行Shift键+空格键。

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

Answer 1

是的，您可以绑定到keydown事件，当找到适当的组合时，您可以在DOM上触发所需的事件。

在下面的代码段中， Shift + Space 会触发按钮点击。

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

如何使用jQuery触发快捷方式单击

1 个答案: