Question

我有一个HTML按钮，我想提供一个快捷键，当按钮点击发生的事情时，它应该运行功能。

是否可以使用JavaScript或jQuery执行此类操作。

Answer 1

您可以使用纯HTML执行此操作：accesskey="x"。然后你可以使用 alt + x （取决于浏览器，如果它是 alt 或其他东西）

Answer 2

未测试：

$("body").keypress(function(event) {    
  if ( event.which == 13 ) { // put your own key code here    
     event.preventDefault();    
     $("#yourbutton").click();    
   }    
});

Answer 3

使用jQuery非常简单。触发按钮：

$('#my-button').trigger('click');

监控按键：

$(window).keypress(function (event) {
    if (event.which === 13) { // key codes here: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
        event.preventDefault();
        $('#my-button').trigger('click');
    }
});

现在，如果您想使用Ctrl键或类似功能，请使用

    if (event.which === 13 && event.ctrlKey)

与event.altKey，event.shiftKey类似。

Answer 4

$(document).on('keypress', function (e) {
            if (e.keyCode === youreKeyCodeHere) {
            // if (e.keyCode === youreKeyCodeHere && e.shiftKey === ture) { // shift + keyCode
            // if (e.keyCode === youreKeyCodeHere && e.altKey === ture) { // alt + keyCode
            // if (e.keyCode === youreKeyCodeHere && e.ctrlKey === ture) { // ctrl + keyCode
                $('youreElement').trigger('click');
            }
        });

youreKeyCode可以是以下javascript char codes中的任何一个，如果你的快捷方式需要alt（shift，ctrl ...），请使用注释if。 youreElement是保存您要点击的点击事件的元素。

运行按钮的功能

4 个答案: