网页与键盘

从最基础的说起。本教程中，所有IE 均指 WindowXP + IE 6.0, 所有 FF 均指 FF 1.5。
作者 Hutia, 转载请注明出处。

1. 不用编程的部分

1.1 Form 中。 submit 的快捷键是 enter,reset 的快捷键是 esc。
1.1.1 在 IE 中，按下enter 键后 却不会激发 submit 的 onclick 事件, 按下esc 键后 会激发 reset 的 onclick 事件
1.1.2 在 FF 中与 IE 正相反，按下enter 键后 会激发 submit 的 onclick 事件, 按下esc 键后 却不会激发 reset 的 onclick 事件
1.1.3 在 form 中，时间激发顺序是： submit 按钮的 onclick ==>  form 的 onsubmit

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
1.2. Accesskey 属性。
1.2.1 注意 accesskey 的设置如果和浏览器的菜单相同，会优先于菜单。使用时的快捷键是 alt + 设置的键值
1.2.2 label 的 for 属性配合 accesskey 效果较好
1.2.3 在IE 中，Link 对象的 accesskey 只是使 焦点转移到 link 上，并不等同于点击，FF 中则相当于点击. 与他对比的是，input type=checkbox 的 accesskey 效果不论在IE 还是 FF 中都是点击。
<input accesskey="q" value="press alt + q to focus me." size="100"> <input accesskey="a" value="press alt + a you can focus me." size="100"> <hr> <h4>Use Label:</h4> <label for="nnn1" accesskey="d">A<u>d</u>dress</label> <input id="nnn1" value="press alt + d you can focus me." size="100"> <hr> <h4>Link:</h4> press alt + f to focus me. <input type=checkbox accesskey="w" href="#link" onclick="alert('Checkbox is clicked.');" />press alt + w to focus me.
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
2. 然后就需要编程了

2.1 简单的按键捕获。
2.1.1 事件有 onkeydown, onkeypress, onkeyup
2.1.2 IE 与 FF 的 事件写法不同，请学习下面的代码
<textarea onkeydown="chkKey(arguments[0]);" onkeyup="chkKey(arguments[0]);" onkeypress="chkKey(arguments[0]);" style="width:98%; height:400px;overflow:auto;"> <"runEx('runcode13339')" type="button" value="运行代码" class="fn-butt" /> <INPUT onclick="copy2('runcode13339')" type="button" value="复制代码" class="fn-butt" /> <INPUT onclick="doSave(runcode13339)" type="button" value="保存代码" class="fn-butt" />[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]<BR>2.2 因为事件会冒泡，所以，可以在 document 上捕获按键来自定义快捷键。<BR><TEXTAREA id="runcode52860"> <input value="press ctrl + alt + u to focus on me." size="100" id="a1"> <input value="press ctrl + alt + 2 to focus on me." size="100" id="a2">
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
3. 为了满足fmt00的要求，特写下此段，希望 fmt00 能够喜欢，哈哈
<input value="press a + b + c to focus on me." size="100" id="a1"> <input value="press d + b + x to focus on me." size="100" id="a2">
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]