如果我有一个链接并想要绑定(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/