JavaScript键盘事件及案例

目录

一、键盘事件

1、键盘事件的常用方法

2、键盘事件对象

案例：

案例（文本框提示信息）

---

一、键盘事件

1、键盘事件的常用方法

键盘事件：是指用户在使用键盘时触发的事件

keypress	某个键盘按键被按下时触发，不识别功能键，如Ctrl、Shift、箭头等
keydown	某个键盘按键被按下时触发
keyup	某个键盘按键被松开时触发

注意：keypress事件保存的按键值是ASCII码，keydown和keyup事件保存的按键值是虚拟键码，keydown和keypress如果按住不放的话，会重复触发该对应事件。keyup和keydown事件不区分字母大小写，而keypress区分字母大小写

2、键盘事件对象

键盘事件对象：KeyBoardEvent

是跟键盘事件相关的一系列信息的集合，根据键盘事件对象中的keyCode属性可以得到相应的ASCII码值，进而可以判断用户按下了哪个键。

案例：

当按下s键时，聚焦在文本框里

    搜索：
    

案例（文本框提示信息）

当用户在文本框中输入内容时，文本框上面自动显示大号字的内容。如果用户输入为空，需要隐藏大号字内容

    

        

        
            快递单号：