给网页的按钮添加快捷键

时间:2025-03-01 07:08:06

在使用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" 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(( && == 83)) {//在这里接收的是Alt+S事件,S的ASCII码为83。
("text").focus() //焦点将移到id为"text"的对象上。
}
}
= ctlent
//-->
</SCRIPT>