网页与键盘

 更新时间: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需刷新才能执行]

相关文章

  • 解析微信JS-SDK配置授权,实现分享接口

    解析微信JS-SDK配置授权,实现分享接口

    这篇文章是微信开发的很多前置条件,包括了服务端基于JAVA的获取和缓存全局的access_token,获取和缓存全局的jsapi_ticket,以及前端配置授权组件封装,调用分享组件封装。需要的朋友可以看下
    2016-12-12
  • Input文本框随着输入内容多少自动延伸的实现

    Input文本框随着输入内容多少自动延伸的实现

    下面小编就为大家带来一篇Input文本框随着输入内容多少自动延伸的实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • JavaScript中的包装对象介绍

    JavaScript中的包装对象介绍

    这篇文章主要介绍了JavaScript中的包装对象介绍,存取字符串、数字、或布尔值的属性时创建的临时对象称作包装对象,本文着重讲解了什么是包装对象,需要的朋友可以参考下
    2015-01-01
  • 一个JavaScript获取元素当前高度的实例

    一个JavaScript获取元素当前高度的实例

    这篇文章主要为大家介绍了一个JavaScript获取元素当前高度的实例,比较实用,建议新手朋友们可以看看
    2014-10-10
  • JavaScript之解构赋值的理解

    JavaScript之解构赋值的理解

    今天小编就为大家分享一篇关于JavaScript之解构赋值的理解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • javascript里使用php代码实例

    javascript里使用php代码实例

    这篇文章主要介绍了javascript里使用php代码的方法,以实例形式展示了javascript与php代码混编的应用技巧,非常具有实用价值,需要的朋友可以参考下
    2014-12-12
  • JS实现的幻灯片切换显示效果

    JS实现的幻灯片切换显示效果

    这篇文章主要介绍了JS实现的幻灯片切换显示效果,涉及javascript通过扩展实现针对页面元素的动态切换操作相关技巧,需要的朋友可以参考下
    2016-09-09
  • 创建、调用JavaScript对象的方法集锦

    创建、调用JavaScript对象的方法集锦

    这篇文章主要介绍了创建、调用JavaScript对象的方法集锦,需要的朋友可以参考下
    2014-12-12
  • Javascript 对cookie操作详解及实例

    Javascript 对cookie操作详解及实例

    这篇文章主要介绍了Javascript 对cookie操作详解及实例的相关资料,大家在开发网站的时候,都会用到cookie 这里就详细介绍下,需要的朋友可以参考下
    2016-12-12
  • 通过示例彻底搞懂js闭包

    通过示例彻底搞懂js闭包

    下面小编就为大家带来一篇通过示例彻底搞懂js闭包。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08

最新评论