为网页增加快捷键| 金飞科技[3A88.COM]

为网页增加快捷键

　　大家可能遇到过这样一些问题，在一些论坛发贴子的时候写完之后我们直接按Ctrl+回车键贴子就可以直接发出了，不需要按提交键。这就是所谓的网页快捷键，不需要鼠标点击操作就可以完成，大大方便了浏览者。下面我就来介绍一下如何在网页中来建立这种网页快捷键的效果。

　　一、创建一个快捷键响应函数

<script language="javascript">
function getKeyCode(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
if(evt) {
// 按下Ctrl+回车键后打开后台页面
if(evt.ctrlKey&&evt.keyCode==13)
window.open("http://www.3a88.com");
}
}
</script>

　　二、在适当的地方调用这个响应函数

<body onkeydown="getKeyCode(event)">

　　完成以上两个步骤即可，下面来看一下完整的代码，您点击运行代码之后可以在新页面中按键盘上的Ctrl+回车键试一下。

<html>
<head>
<title>页面快捷键</title>
<script language="javascript">
function getKeyCode(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
if(evt) {
// 按下Ctrl+回车键后打开后台页面
if(evt.ctrlKey&&evt.keyCode==13)
window.open("http://www.3a88.com");
}
}
</script>
</head>
<body onkeydown="getKeyCode(event)">

</body>
</html>

　　　提示：点击运行代码按钮可看到实际效果

　　在上面的代码中如果您想自定议按键，那么需要改变一个键值，就是上面的keyCode，下面我提供一个keyCode的速查表，您可以参考一下。

　　 keyCode速查表

　　当然很多时候实现这种功能也不必这种麻烦，比如在表单中要实现这种效果的话可以把以上代码直接写在表单内就可以了。例如可以把这行代码写在form标签中

onkeydown="if(event.ctrlKey&&event.keyCode==13)this.submit.click()"

　　这样就可以实现Ctrl+回车键直接发贴的效果。

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

更新时间：2010-4-30