Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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
Javascript 使用按键模拟按下链接_Javascript_Html - Fatal编程技术网

Javascript 使用按键模拟按下链接

Javascript 使用按键模拟按下链接,javascript,html,Javascript,Html,你好,我有这个链接的例子 <a href"http://google.es">Link</a> 有没有使用Javascript或类似的方法,比如当我按下键盘上的数字5时,就像我用鼠标按下链接一样? 谢谢您可以使用jQuery $(文档).按键(功能(事件){ event.charCode==53?window.open(“google.es”,“_self”):console.log(“另一个键”); }); 您可以绑定keypress事件并嗅出事件。当按下相应的

你好,我有这个链接的例子

<a href"http://google.es">Link</a>

有没有使用Javascript或类似的方法,比如当我按下键盘上的数字5时,就像我用鼠标按下链接一样? 谢谢

您可以使用jQuery

$(文档).按键(功能(事件){
event.charCode==53?window.open(“google.es”,“_self”):console.log(“另一个键”);
});

您可以绑定
keypress
事件并嗅出
事件。当按下相应的键时,您可以通过编程方式单击
a
或link元素

检查这个例子。
注意:这个例子使用的是
jQuery
插件。

试试这个。使用jQuery

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
    function checkKey(e) {
        var code;

        if (e.keyCode) code = e.keyCode;

        if (code == 53) { // replace the 53 with the keycode of your choice.
            $('#myLink').trigger("click");
        }
    }
</script>
</head>
<body onkeydown="checkKey(event);">
<button id="myLink" onclick="window.location.href= 'https://google.com'">Link</button>
</body>
</html>

功能检查键(e){
var代码;
如果(e.keyCode)代码=e.keyCode;
如果(code==53){//用您选择的键代码替换53。
$('#myLink')。触发器(“单击”);
}
}
链接

键码参考:

您可以在jquery中使用按键事件

$(function() {
$(document).keypress(function(e) {
    if (e.which === 53){
    location.href = "http://google.es";
    }        
  });
});

这是针对键5的。如果要更改键,请为该键指定asci值

您可以使用鼠标事件。如果我按18,是否可以使用大于9的数字?我已更新了代码笔,请查看。现在,当按下数字1和8时,它将触发链接点击。