网页与键盘
更新时间：2006年07月18日 00:00:00 作者：
从最基础的说起。本教程中，所有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需再刷新一下页面才能执行]
作者 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需再刷新一下页面才能执行]
相关文章
uniapp开发微信小程序主包太大和vendor.js过大无法打包问题解决
最近工作一直在uniapp开发小程序这一块,相信很多开发者都遇到过代码体积太大无法打包的问题,这篇文章主要给大家介绍了关于uniapp开发微信小程序主包太大和vendor.js过大无法打包问题的解决办法,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了JS实现滑动门效果的方法,结合实例形式分析了滑动门效果的实现原理、步骤与相关注意事项,需要的朋友可以参考下2016-12-12
JavaScript 映射器 array.flatMap()
这篇文章主要介绍了JavaScript 映射器 array.flatMap()，array.flatMap()是一个映射函数，它接收一个数组和一个映射函数，然后返回一个新的映射数组，下面进入文章了解具体内容2022-02-02
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
这篇文章主要介绍了微信小程序使用picker实现时间和日期选择框功能,结合实例形式分析了微信小程序picker组件进行日期与时间选择的相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下2017-12-12
本文主要介绍了webpack实现静态资源缓存的方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
今天小编就为大家分享一篇关于css3 动画卡顿性能优化的完美解决方案，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2018-09-09
这篇文章主要带领大家学习JavaScript设计模式，其中重点介绍继承，举例说明为什么需要继承，对继承进行详细剖析，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了JavaScript ECharts可视化图表库，ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表2023-01-01
这篇文章主要为大家详细介绍了微信小程序自定义tabBar组件开发，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
在javascript开发中,我们会遇到日期时间格式化的问题,下面这篇文章主要给大家介绍了关于js正则格式化日期时间自动补0的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2021-10-10
最新评论