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

从最基础的说起。本教程中，所有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

运行代码框

<!-- Author: Hutia --> <form onsubmit="alert('I am submiting');return false;"> <input value="focus me, the press enter key or esc key" size=100><br> <input type=submit onclick="alert('submit button is clicked');"> <input type=reset onclick="alert('reset button is clicked');"> </form> <script>document.forms[0].elements[0].focus();</script>

    [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 中都是点击。

运行代码框

<!-- Author: Hutia --> <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> <a accesskey="f" href="#link" onclick="alert('Link is clicked.');">press alt + f to focus me.</a><br> <input type=checkbox accesskey="w" href="#link" onclick="alert('Checkbox is clicked.');" />press alt + w to focus me.

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

2. 然后就需要编程了

2.1 简单的按键捕获。

[1] [2] [3] [4] 下一页

复制本页网址和标题，发送给你QQ/Msn的好友一起分享

上一篇:简单经济的可用性测试 上手指南

下一篇:如何开展全面的网站评估？