网页与键盘

 更新时间: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实现的多个彩色小球跟随鼠标移动动画效果示例

    原生JS实现的多个彩色小球跟随鼠标移动动画效果示例

    这篇文章主要介绍了原生JS实现的多个彩色小球跟随鼠标移动动画效果,涉及javascript事件响应、页面元素属性动态修改及随机数应用等相关操作技巧,需要的朋友可以参考下
    2018-02-02
  • Bootstrap每天必学之栅格系统(布局)

    Bootstrap每天必学之栅格系统(布局)

    Bootstrap每天必学之栅格系统,小编对Bootstrap栅格系统(布局)也很陌生,特分享整理这篇文章,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 解决layui调用自定义方法提示未定义的问题

    解决layui调用自定义方法提示未定义的问题

    今天小编就为大家分享一篇解决layui调用自定义方法提示未定义的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 详解微信小程序开发之下拉刷新 上拉加载

    详解微信小程序开发之下拉刷新 上拉加载

    本篇文章主要介绍了微信小程序开发之下拉刷新 上拉加载,具有一定的参考价值,有兴趣的可以了解一下。
    2016-11-11
  • JS技巧动手实现红包兔子雨效果示例详解

    JS技巧动手实现红包兔子雨效果示例详解

    这篇文章主要为大家介绍了JS技巧动手实现红包兔子雨效果示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • setTimeout函数兼容各主流浏览器运行执行效果实例

    setTimeout函数兼容各主流浏览器运行执行效果实例

    setTimeout是一个很不错的函数,网站页面前端工程师经常将其用于几秒后执行的动作,下文要讲的setTimeout可以很好地兼容IE6,7,8,9以及谷歌等主流浏览器
    2013-06-06
  • javascript模拟php函数in_array

    javascript模拟php函数in_array

    就是判断一个元素是否存在于数组中的函数,既然js里string都有indexOf函数,为什么不在Array对象里设置一个这样的函数呢,其实就用indexOf这个思想挺好的,不知道制定JS标准的人是基于什么考虑,把这样一个如此常用的功能没考虑在内的。
    2015-04-04
  • Javascript中常见的逻辑题和解决方法

    Javascript中常见的逻辑题和解决方法

    今天遇到了一些题,比较有意思和轻巧,而且加强运用一下了js原生语法,现在小编总结好后分享给大家,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-09-09
  • 如何用JS实现简单的数据监听

    如何用JS实现简单的数据监听

    这篇文章主要介绍了如何用JS实现简单的数据监听,对数据监听感兴趣的同学,可以参考一下
    2021-05-05
  • 更优雅的事件触发兼容

    更优雅的事件触发兼容

    对于JS框架开发中的客户端(浏览器)兼容难题,各位想必都不陌生。平常,我们都用if去面对接口不一致以及成堆的bug。然而,这里介绍的方法却可以让兼容更加优雅
    2011-10-10

最新评论