在使用JavaScript做WEB键盘事件侦听捕获时,主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。该三个事
件的执行顺序如下:onkeydown -> onkeypress
->onkeyup。在一般情况下,采用三种键盘事件均可对键盘输入进行有效的响应。当在实际使用中,会发现这几者有些不同的差别。
onkeypress事件不能对系统功能键(例如:后退、删除等,其中对中文输入法不能有效响应)进行正常的响应,onkeydown和onkeyup均可以对系统功能键进行有效的拦截,但事件截获的位置不同,可以根据具体的情况选择不同的键盘事件。
由于onkeypress不能对系统功能键进行捕获,导致window.event对象的keyCode属性和onkeydown,onkeyup键盘事
件中获取的keyCode属性不同,主要表现在onkeypress事件的keyCode对字母的大小写敏感,而onkeydown、onkeyup事件
不敏感;onkeypress事件的keyCode无法区分主键盘上的数字键和付键盘数字键的,而onkeydown、onkeyup的keyCode对
主付键盘的数字键敏感。
注:在Maxthon浏览器中,onkeydown和onkeyup有连续响应两次键盘事件的BUG,onkeydown不能正常地对F1~F12的功能键进行正常的截获(onkeyup没有发现该问题),具体原因不明。不知道以后是否会进行订正。
分享到:
相关推荐
序列监听器用 javascript 编写的键盘序列侦听器(如条形码阅读器)。 这个轻量级库(压缩时为3.2 kB )没有依赖项。 该库将检测条码扫描器(或其他设备)的使用,它不会生成条码或读取条码。 这里有很棒的 ...
在标题“Node.js-Node.js全局键盘和鼠标侦听器”中,提及的是如何在 Node.js 环境下实现对键盘和鼠标的全局监听。这种功能通常用于构建桌面应用、自动化脚本或游戏控制等场景。 在描述中,我们看到“全局键盘和鼠标...
关于Node.js全局本机键盘和鼠标侦听器。 该模块可以通过JavaScript / TypeScript应用程序内部和外部的本机挂钩处理键盘和鼠标事件。 发现了错误? 关于Node.js全局本机键盘和鼠标侦听器。 该模块可以通过JavaScript ...
Node.js全局本机键盘和鼠标侦听器。 该模块可以通过JavaScript / TypeScript应用程序内部和外部的本机挂钩处理键盘和鼠标事件。 发现了错误? 有想法吗随时发布或提交 。 查看。 平台支援 > = 0.6.0的版本仅支持...
JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在创建交互式用户界面方面表现出色。在"Drum-Kit"这个项目中,开发者利用JavaScript的强大力量为用户带来了一种创新的体验:一个虚拟的架子鼓演奏平台。这...
Dojo框架是JavaScript库,用于构建富客户端Web应用。在Dojo中,事件处理机制是核心功能之一,它使得开发者能有效地响应用户的交互。本篇将深入探讨Dojo的基础事件侦听器以及发布/预定通信机制。 首先,我们来看一下...
1.2 让JavaScript运行起来 1.2.1 把行为从结构中分离出来 1.2.2 不要版本检测 1.2.3 通过平稳退化保证可访问性 1.2.4 为重用命名空间而进行规划 1.2.5 通过可重用的对象把事情简化 ...
当我一个华丽,简单,小巧JavaScript程序包,用于将键盘绑定添加到您的应用程序中。目录特征一种简单直观的语法,用于为按键和组合键添加键盘快捷键。 消除了关键代码和值的复杂性,使您可以混合和匹配自己内心的...
EventTarget 是一个由可以接收事件的对象实现的接口,并且可以为它们创建侦听器。DOM 的事件操作(监听和触发),都定义在 EventTarget 接口。所有节点对象都部署了这个接口,其他一些需要事件通信的浏览器内置对象...
文章还讨论了键盘响应的实现方法,包括使用 JavaScript 侦听键盘事件、检测键盘上的字母键、特殊键等。这些技术可以用于实现键盘快捷键的功能。 4. 按钮事件处理 在按钮事件处理方面,文章介绍了如何使用 ...
切换您的请勿打扰状态显示系统通知切换夜班超时后使计算机Hibernate创建自己的触摸栏小部件通过触觉引擎感觉到通知控制屏幕和键盘的亮度控制音量使用剪贴板的内容在特定的URL或应用程序中打开使用网络视图“在系统...
event-listeners-提供javascript中事件对象的示例并添加事件侦听器。 mouse-events-提供javascript中不同鼠标事件的示例。 input-events-提供javascript中输入/键盘事件的示例。 事件冒泡-提供示例并说明javascript...
1.2 让JavaScript运行起来 1.2.1 把行为从结构中分离出来 1.2.2 不要版本检测 1.2.3 通过平稳退化保证可访问性 1.2.4 为重用命名空间而进行规划 1.2.5 通过可重用的对象把事情简化 ...
1.2 让JavaScript运行起来 1.2.1 把行为从结构中分离出来 1.2.2 不要版本检测 1.2.3 通过平稳退化保证可访问性 1.2.4 为重用命名空间而进行规划 1.2.5 通过可重用的对象把事情简化 ...
一个适度的js库,以CustomEvents的形式调度低级键盘事件。 hotkey-listener一个适度的js库,它以CustomEvents的形式调度低级键盘事件。 根据Unpkg,前言热键侦听器为5.99kb。 ... https://bundlephobia.com/ [受电子...
该存储库提供了一个简单易用的功能,称为keyboard ,该功能侦听并捕获键盘事件。 实际上,它只是HTML keyup和keydown事件的便捷包装函数,因此您可以使应用程序代码整洁,易于编写和阅读。 这是使用keyboard功能的...
它触发由其 JavaScript 处理程序侦听的事件 我还包含了typeracerSpace.js ,它会自动填充这个词。 如果您单击输入字段 ( .txtInput ) 并按住键盘的空格键,您会做得非常非常好 :grinning_squinting_face: ...这种...
本文将深入探讨如何使用JavaScript来实现跨浏览器的事件侦听器(事件监听器)和事件对象。 首先,事件侦听器是用于响应特定事件的函数,例如点击、鼠标移动等。在W3C标准中,推荐使用`addEventListener`方法来添加...
使用document.addEventListener函数为键盘事件附加一个侦听器。 按下和释放键时,请参阅“ API”部分以获取可用的帮助器功能。 安装 $ npm install --save keyboard-handler 用法 import * as keyboard from '...
果对javascript了解不是特别深入的话,很容易就会写出不兼容的代码(就像我),这时候就得判断浏览器了。比如事件侦听、一些鼠标和键盘事件、Range等,一些都会不一样.下面列出几种常用的检测浏览器方法,以飨观众!