Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 键盘事件_Jquery_Keyboard_Keyboard Shortcuts_Keyboard Events - Fatal编程技术网

Jquery 键盘事件

Jquery 键盘事件,jquery,keyboard,keyboard-shortcuts,keyboard-events,Jquery,Keyboard,Keyboard Shortcuts,Keyboard Events,当按下某个键盘按钮时,如何调用链接的单击事件 我想在Ctrl+→ / Ctrl+← 我不知道如何使用jQuery进行此操作[但我相信它会非常简单] 就纯javascript而言,您可以使用document.getElementById获取链接的引用。然后使用.href检索其href属性。最后,将文档的位置更改为href location->document.location=href 如果不需要重定向,请设置表单的操作属性,然后执行表单.submit()您可以尝试 $(document).b

当按下某个键盘按钮时,如何调用链接的
单击
事件


我想在Ctrl+→ / Ctrl+←

我不知道如何使用jQuery进行此操作[但我相信它会非常简单]

就纯javascript而言,您可以使用
document.getElementById
获取链接的引用。然后使用
.href
检索其
href
属性。最后,将文档的位置更改为href location->
document.location=href

如果不需要重定向,请设置表单的
操作
属性,然后执行
表单.submit()

您可以尝试

$(document).bind("keydown", function(e) {
  if (e.ctrlKey) {
    if(e.keyCode == 37) {
        document.getElementById("prevButton").click();
    }
    else if(e.keyCode == 39) {
        document.getElementById("nextButton").click();
    }
  }
});

代码37表示左箭头,代码39表示右箭头

您可能需要使用一个名为jquery.hotkeys的库进行查看,可在以下位置找到:。如果不使用库本身,源代码可以让您了解需要做什么

[免责声明:我是通过搜索找到此库的,我自己也没有使用过,也没有测试过。请自行决定使用。]

$(document).keydown(function(e) {
  if(e.ctrlKey){
     if(e.keyCode == 37){
        //ctrl + leftbutton pressed
        $("a.prevButton").trigger("click");
     }else if(e.keyCode == 39){
        //ctrl + rightbutton pressed
        $("a.nextButton").trigger("click");
     }
  }
});

只需将此插件与jQuery一起使用,就可以设置快捷键的组合:

您可以像这样设置快捷方式:

<script type="text/javascript">
        $(document).ready(function(){
            shortcut("Ctrl+Right",function() {
            document.getElementById("your next button ID").click();
        });
        shortcut("Ctrl+Left",function() {
        document.getElementById("your prev button ID").click();
        });
    });
</script>

$(文档).ready(函数(){
快捷方式(“Ctrl+Right”,函数(){
document.getElementById(“您的下一个按钮ID”)。单击();
});
快捷方式(“Ctrl+Left”,函数(){
document.getElementById(“您的上一个按钮ID”)。单击();
});
});
this+
$('previous')。触发器('click')
(如果上一个链接得到了
id=“previous”
,当然)是您想要的