找回密码
 注册
搜索
热搜: 回贴

Html:网页与键盘

2009-12-16 23:39| 发布者: admin| 查看: 61| 评论: 0|原作者: 青鸾峰

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





Use Label:






Link:


press alt + f to focus me.

press alt + w to focus me.

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
2. 然后就需要编程了
2.1 简单的按键捕获。
2.1.1 事件有 onkeydown, onkeypress, onkeyup
2.1.2 IE 与 FF 的 事件写法不同,请学习下面的代码:
运行代码框



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
2.2 因为事件会冒泡,所以,可以在 document 上捕获按键来自定义快捷键。
运行代码框




[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
3. 为了满足fmt00的要求,特写下此段,希望 fmt00 能够喜欢,哈哈
运行代码框




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

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-29 23:40 , Processed in 0.224535 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部