js中keyDown与keyPress的区别

最新推荐文章于 2025-06-14 09:00:00 发布
原创 最新推荐文章于 2025-06-14 09:00:00 发布 · 774 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入解析了按键事件中keyDown与keyPress的区别，指出两者在按键持续按下时的不同行为。keyDown返回的是按键的字符编号，如34、89等；而keyPress返回的是ASCII值，即键盘上实际显示的字符，对于无标记键如Shift/Ctrl则不返回任何值。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

当按着按键不动时，不管是哪个函数都会一直不断被调用，两者的区别是keyDown返回的是按键对应的字符编号，如34、89之类的。而keyPress返回的是ASCII，如返回d/f/2之类的，就是键盘上标的什么就返回什么，如果按没有标东西的，如shift/ctrl/alt，那么不会返回任何东西。

 

 

javascript KeyDown、KeyPress和KeyUp事件的区别与联系
01-21
KeyDown：在控件有焦点的情况下按下键时发生。 KeyPress：在控件有焦点的情况下按下键时发生。 KeyUp：在控件有焦点的情况下释放键时发生。 1、KeyPress主要用来接收字母、数字等ANSI字符 KeyDown 和 KeyUP 事件过程通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘的特殊键 2、KeyPress 只能捕获单个字符 KeyDown 和KeyUp 可以捕获组合键。 3、KeyPress 不显示键盘的物理状态（SHIFT键），而只是传递一个字符。KeyPress 将每个字符的大、小写形式作为不同的键代码解 释，即作为两种不同的字符。 KeyDown 和K
在实际更改输入之前，在KeyDown或KeyPress事件期间预测输入值-JavaScript开发
05-26
预测输入值在实际更改输入之前，在KeyDown或KeyPress事件中预测输入值。 tl; dr通过执行npm install @ wojtekmaj / predict-input-value或yarn add @ wojtekmaj / predict-input-value进行安装。 通过添加来自“ @ ...
KeyPress 和KeyDown 、KeyPress之间的区别
热门推荐
z69183787的专栏
05-13 4万+
（一）键事件按下列顺序发生：  KeyDown KeyPress KeyUp  （二）KeyDown触发后，不一定触发KeyUp，当KeyDown 按下后，拖动鼠标，那么将不会触发KeyUp事件。  （三）定义 KeyDown：在控件有焦点的情况下按下键时发生。 KeyPress：在控件有焦点的情况下按下键时发生。(下面会说和KeyDo
【JavaScript-Day 41】JS 事件大全：click, keydown, submit, load 等常见事件详解与实战
最新发布
吴师兄大模型的博客
06-14 692
在前一篇文章中，我们学习了如何使用 `addEventListener` 来为网页元素绑定事件监听器，这是让页面动起来的关键一步。然而，仅仅知道如何“监听”还不够，我们还需要了解究竟有哪些“事件”可以被监听。不同的用户操作和浏览器行为会触发不同类型的事件，掌握它们是实现丰富交互体验的基础。今天，就让我们一起探索 JavaScript 中最常见的几类网页事件：**鼠标事件**、**键盘事件**、**表单事件**和**页面加载事件**，通过丰富的实例让你彻底搞懂它们！
js事件keydown和keypress的区别
qq_41818857的博客
03-03 350
keydown和keypress，都是键盘按下事件，区别在于： keydown是键盘任意键按下都能触发 keypress是键盘可打印字符键按下才触发
js中keydown和keypress的区别
weixin_30784501的博客
08-10 142
keydown和keypress这些事件是当一个对象具有焦点时进行按下或松开一个键时发生的。 keydown在按下的时候返回键盘上的代码值，然后由TranslateMessage函数翻译成字符，并且由keypress返回字符值。 所以也可以理解为，keydown获取键盘的代码值，而keypress获取键盘的字符值（ASCII字符）。 如果是只想读字符，用keypress，如果想读...
keydown和keypress的区别
祭月M的博客
08-23 2687
Js高级教程对三者的描述： keydown：当用户按下键盘上的任意键时触发，如果按住不放的话，会重复触发此事件； keypress：当用户按下键盘上的字符键时触发，如果按住不放的话，会重复触发此事件； keypress区分字母大小写 keydown不区分字母大小写 就是keydown按任意键都触发，而keypress按字符键才触发（像alt , ctrl ,shift 等不会触发） ...
预测输入值:KeyDown与KeyPress事件中的输入值预测方法
描述中首先提供了一个简短的解释，即“在KeyDown或KeyPress事件期间预测输入值”，然后给出了这个功能的快速使用指南，说明如何通过npm或yarn安装该模块，并在JavaScript代码中进行导入和使用。在描述中还提供了一个...
keydown和keypress之间的区别
DcTbnk的博客
06-05 688
<body> <input type="text" /> <script> let oInput = document.querySelector("input"); oInput.onkeydown = function () { console.log("keydown"); }; oInput.onkeypress = function () { console.log.
JavaScript中KeyPress和KeyUp, KeyDown的区别
Coding_Ouch的博客
04-16 500
JavaScript中Keypress和KeyUp, KeyDown的区别 Keypress获取的仅仅是KeyChar值，此时KeyCode依旧是KeyChar的值 - 如下 - document.addEventListener('keypress', function(event){ console.log(event); } 例如以小写的a来说，此时KeyChar和a...
JS中的按键信息，keydown和keypress的区别
weixin_42943920的博客
12-21 257
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt
C# 中 KeyPress 、KeyDown 和KeyPress的区别
whysnlc的专栏
09-22 1421
1.KeyPress主要用来捕获数字(注意：包括Shift+数字的符号)、字母（注意：包括大小写）、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、 ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符(非字符键不会引发 KeyPress 事件；但非字符键却可以引发 KeyDo
keydown,keypress,keyup三者之间的区别
weixin_30432579的博客
02-22 2199
最近看了Javascript高级教程中对过滤输入的介绍，想实现比如电话号码中不能包好非数值的字符，而相应文本中插入字符的操作是keypress事件，所以就想通过阻止这个事件的默认事件行为来阻止这个事件的默认行为来屏蔽此类字符，但是屏蔽之后所有的安检操作都会被屏蔽，文本框会变成可读的。如果只想屏蔽特定的字符，需要检测keypress事件对应的字符编码，然后决定如何响应。 但是我在利用keyp...
keydown,keypress,keyup三者之间的区别：
小翠学姐的博客
11-06 2万+
最近看了Javascript高级教程中对过滤输入的介绍，想实现比如电话号码中不能包好非数值的字符，而相应文本中插入字符的操作是keypress事件，所以就想通过阻止这个事件的默认事件行为来阻止这个事件的默认行为来屏蔽此类字符，但是屏蔽之后所有的安检操作都会被屏蔽，文本框会变成可读的。如果只想屏蔽特定的字符，需要检测keypress事件对应的字符编码，然后决定如何响应。 但是我在利用keypree事...
转载关于KeyPress和KeyDown事件的区别和联系
yan_hyz的专栏
07-30 9994
KeyDown：在控件有焦点的情况下按下键时发生。 KeyPress：在控件有焦点的情况下按下键时发生。 KeyUp：在控件有焦点的情况下释放键时发生。   1、KeyPress主要用来接收字母、数字等ANSI字符    KeyDown 和 KeyUP 事件过程通常可以捕获键盘除了PrScrn（在键盘右上角）所有按键(这里不讨论特殊键盘的特殊键） 2、KeyPress 只能捕获单个字符
keyDown keyPress keyUp 事件的区别
lwprain的专栏
12-10 1305
一 触发顺序 这里给出一段测试代码: 测试结果为: keydown keypress keyup 显而易见,事件发生的顺序是: keydown --> keypress --> keyup 当按住一个键一段时间后再放开时,结果为: keydown keypress keydown keypress keydown keypress keydown keyp
KeyPress和KeyDown事件对按键识别的区别
dllyj86的专栏
09-13 582
转自：http://bbs.youkuaiyun.com/topics/310249435#post-312366787   在按下与 ASCII 字符对应的键时将触发 KeyPress 事件。ASCII 字符集不仅代表标准键盘的字母、数字和标点符号，而且也代表大多数控制键。但是 KeyPress 事件只识别 ENTER、TAB 和 BACKSPACE 键。KeyDown 和 KeyUp 事件能够检测其...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值