网页教学网
 当前位置: 网页教学网 >> 网页制作 >> JavaScript技术应用 >> 网页设计或制作中与键盘相关的一些技术
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

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

http://www.webjx.com  更新日期:2007-09-29 08:09  出处:网页教学网  作者:

从最基础的说起。本教程中,所有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 上捕获按键来自定义快捷键。

运行代码框

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

3. 为了满足fmt00的要求,特写下此段,希望 fmt00 能够喜欢,哈哈

运行代码框

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

关键词:网页制作,键盘
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为