给网页的按钮添加快捷键

在使用windows应用程序的过程中我们都知道,很多按钮不需要我们点击鼠标选择,只需要按Alt+字母就能直接访问了,是不是很专业呢?其实这在网页当中一样能实现,不知道您以前是否注意过.
要实现这样的功能,那得使用HTML4.0定义的一个新属性 AccessKey,将他的值设置为您定义的键盘热键就可以了.

比如

<input type=submit name=submit1 AccessKey=m value="确定[M]">

这样,用户打开您的网页后,就可以直接按键盘上的Alt+m来点击"确定"了,不过要注意,你定义的热键不要与IE的热键冲突,比如(F,E,V,A,T,H).

对于一般的网页，快捷键也许是没有必要的，但是如果是要经常填写表单的网页，或者是OA系统添加快捷键是非常有用的，可以提高录入的效率。
表单添加快捷键第一种方法：
直接设置“accesskey”的值。

代码：<INPUT TYPE="text" NAME="text" accesskey="a">

点Alt+A就可以看到焦点移到输入框上了。

第二种方法：
用<Label>
<Label>标识有两个属性，一个是FOR，一个是ACCESSKEY。FOR的意思是，这个Lable是为哪个元件服务的？而ACCESSKEY则定义了访问这个元件的热键。

代码：<input type="CHECKBOX" id="check3" value="often" name="checkoften"> <label for="check3" ACCESSKEY="H">经常来这里（<U>H</U>）</label>
点Alt+H就可以看到焦点移到输入框上了。而且如果点“经常来这里”焦点会直接移到输入框上。注意:label 的for属性所指的是表单的id，而不是name

第三种方法：
用javascript接收键盘的”onkeydown“事件
代码：
<SCRIPT LANGUAGE="JavaScript">
<!--
function ctlent() {
if((event.altKey && event.keyCode == 83)) {//在这里接收的是Alt+S事件,S的ASCII码为83。
document.getElementById("text").focus() //焦点将移到id为"text"的对象上。
}
}
document.onkeydown = ctlent
//-->
</SCRIPT>