用于打开页面的快捷键

时间:2010-11-21 05:19:08

标签: javascript html

我的主页上有5个链接,

linkabc LINKDEF linkghi linkjkl linkmno

当我点击CTRL + b打开linkabc页面时,

当我点击CTRL + e以明智地打开linkdef页面时,

如何使用少量snnipet

执行此功能

4 个答案:

答案 0 :(得分:1)

不需要Javascript。

<a accesskey="b" href="#">linka<u>b</u>c</a>
<a accesskey="e" href="#">linkd<u>e</u>f</a>

您可以按Alt-b访问第一个链接,第二个按Alt-e

答案 1 :(得分:1)

vanilla javascript方式:

您需要绑定到onkeydown事件,然后检索键码。 在此处获取密钥代码:http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/Javascript-Char-Codes-Key-Codes.aspx

对于修饰键,您需要维护变量以检查它们是否被压下。例如,如果在onkeydown上检测到控制的键码,则切换var control = true。 Onkeyup,您将切换回来:var control = false。要触发操作,您将执行以下操作:

if (control && e.keycode == 66) { // 66 happens to be "b"
  performAction();
}

如果您使用的是库,这会容易得多,因为所有主要的javascript库都有用于键绑定的插件,例如jQuery的这个插件:http://plugins.jquery.com/project/hotkeys

答案 2 :(得分:0)

This post有一个小的Javascript库,可以让你绑定键盘快捷键。可能会试着调查一下。他在该页面上有一个小小的演示,它看起来效果很好。

答案 3 :(得分:0)

您可以使用Html Anchor标记的accesskey属性执行此操作,但是您将按ALT而不是CTRL: -

<a accesskey="b" href="linkabc.html">linka<u>b</u>c</a> 
<a accesskey="e" href="linkdef.html">linkd<u>e</u>f</a>

我希望这会对您有所帮助,您可以查看此网址以获取更多信息: -

<强> http://en.wikipedia.org/wiki/Access_key