javascript - 制作捕鼠器点击链接

标签 javascript keyboard-shortcuts mousetrap

如果我有一个链接并想要绑定(bind)键盘快捷键,我应该怎么做?这似乎不起作用:

<a id="next" href="/next/page">Next page</a>
<script src="mousetrap.js"></script>
<script>
  Mousetrap.bind("n", function() {
    document.getElementById("next").click();
  });
</script>

最佳答案

我认为你的代码不起作用有几个原因,而且我不是 JS 专家;我只是根据我的一点经验才这么说。

  • 您假设为 Anchor 标记定义了 onClick 函数。即使是 - 您还没有定义 onclick 函数中会发生什么。

  • 您应该使用外部函数来实现相同的目的;因此,有效地拥有一个可以点击的 anchor 标记和一个当用户按“N”时将用户带到所需页面的功能。

我尝试将我的想法变成一个小解决方案;请看下面,看看您是否能找出可能出错的地方。我会让一位对 JS 更有经验的人告诉你到底哪里出了问题以及为什么它不起作用。

<html>
<head>
<title>mouse trap test</title>
</head>
<body>
    <a id="next" href="next/page">Next page</a>
<script src="mousetrap.js"></script>
<script>

function GoToLocation(url)
  {
    //window.location = "http://www.stackoverflow.com";
    window.location = url;
  }

  Mousetrap.bind("n", function() {
    //alert('N pressed' + document.getElementById("next").href);
    //document.getElementById("next").click();
    GoToLocation(document.getElementById("next").href);
  });


</script>
</body>
</html>

希望以上内容对您有所帮助。

关于javascript - 制作捕鼠器点击链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17571571/

相关文章:

delphi - 添加以编程方式添加的系统菜单选项的快捷方式

javascript - 捕鼠器node.js;未捕获的类型错误 : callback is not a function

javascript - 将div内的元素排成一条直线

javascript - 如何使用 Javascript 从 URL 获取响应

google-chrome - 如何创建快捷方式来关闭 Google Chrome (Windows) 中的下载栏

javascript - MouseTrap 在模态弹出窗口中失去焦点

reactjs - 一种在React中管理键盘快捷键的方法

javascript - 带有点击事件的 Angular 指令被调用两次

强制在 Chrome 浏览器中打开 html 页面的 Javascript 代码?

macos - OS X mc(午夜指挥官)复制到剪贴板