对于一般的网页,快捷键也许是没有必要的,但是如果是要经常填写表单的网页,或者是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>
例如:
jett write in 2006.03
的一种方法:
直接设置“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>
例如:
jett write in 2006.03
本文介绍了三种在网页中设置快捷键的方法,包括直接设置accesskey属性、使用Label标签的for和accesskey属性以及通过JavaScript监听键盘事件。这些技巧能够提高在表单填写或OA系统中的操作效率。
1040

被折叠的 条评论
为什么被折叠?



