对于一般的网页,快捷键也许是没有必要的,但是如果是要经常填写表单的网页,或者是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