常用的键盘事件
创始人
2024-05-01 04:23:42
0次
1、键盘事件
| 键盘事件 | 触发条件 |
| onkeyup | 某个键盘按键被松开时触发 |
| onkeydown | 某个键盘按键被按下时触发 |
| onkeypress | 某个键盘按键被按下时触发（但它不识别功能键，比如ctrl、shift等） |
注意：
- 如果使用addEventListener不需要加on
- onkeypress和前面2个的区别是，他不识别功能键，比如左右箭头、shift等。
- 三个事件的执行顺序是：keydown -- keypress -- keyup
Document
2、键盘事件对象
| 键盘事件对象属性 | 说明 |
| keyCode | 返回该键的ASCII值 |
注意：
- onkeydown 和 onkeyup 不区分字母大小写，onkeypress 区分字母大小写
- 在我们实际开发中，我们更多的使用keydown和keyup，它能识别所有的键（包括所有功能键）
- keypress 不识别功能键，但是keyCode属性区分大小写，返回不同的ASCII值
Document
3、案例：模拟京东按键输入内容
当我们按下 s 键， 光标就定位到搜索框（文本框获得焦点）。
注意：触发获得焦点事件，可以使用 元素对象.focus()
Document
4、案例：模拟京东快递单号查询
要求：当我们在文本框中输入内容时，文本框上面自动显示大字号的内容。
Document
123
下一篇：数据结构——快排的三种实现方式
相关内容
热门资讯
监控摄像头接入GB28181平...
流程简介将监控摄像头的视频在网站和APP中直播，要解决的几个问题是：1&...
Windows10添加群晖磁盘...
在使用群晖NAS时，我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer...
目录 目录 什么是protocol buffer 1.protobuf 1.1安装 1.2使用...
在Word、WPS中插入AxM...
引言 我最近需要写一些文章，在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
【PdgCntEditor】解...
一、问题背景 大部分的图书对应的PDF，目录中的页码并非PDF中直接索引的页码...
Fluent中创建监测点
1 概述某些仿真问题，需要创建监测点，用于获取空间定点的数据...
MySQL下载和安装（Wind...
前言：刚换了一台电脑，里面所有东西都需要重新配置，习惯了所...
修复 爱普生 EPSON L4...
L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
MFC文件操作
MFC提供了一个文件操作的基类CFile，这个类提供了一个没有缓存的二进制格式的磁盘...