首页 > > 网页制作 > Javascript >

网页设计或制作中与键盘相关的一些技术

2008-02-23 08:10:45来源：互联网 阅读 ()

新老客户大回馈,云服务器低至5折

从最基础的说起。本教程中，所有IE 均指 WindowXP IE 6.0, 所有 FF 均指 FF 1.5。

编程部分

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 全部选择 提示：你可先修改部分代码，再按运行]

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 全部选择 提示：你可先修改部分代码，再按运行]

2. 然后就需要编程了

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

运行代码框

[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]

2.2 因为事件会冒泡，所以，可以在 document 上捕获按键来自定义快捷键。

运行代码框