网页与键盘

来源:互联网 时间:2016-03-23

从最基础的说起。本教程中,所有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 中都是点击。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2. 然后就需要编程了

2.1 简单的按键捕获。
2.1.1 事件有 onkeydown, onkeypress, onkeyup
2.1.2 IE 与 FF 的 事件写法不同,请学习下面的代码

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2.2 因为事件会冒泡,所以,可以在 document 上捕获按键来自定义快捷键。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
3. 为了满足fmt00的要求,特写下此段,希望 fmt00 能够喜欢,哈哈

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

相关阅读:
Top