[JavaScript] 常用的键盘事件，请查收

键盘事件对象

---

注意: onkeydown和onkeyup 不区分字母大小写，onkeypress区分字母大小写。在我们实际开发中，我们更多的使用keydown和keyup，它能识别所有的键（包括功能键)keypress不识别功能键，但是keyCode属性能区分大小写，返回不同的ASCIl值

小示例：当我们按下Esc键时，弹出游戏开始对话框（我们可以通过keyCode先求出Esc ASC||码值）

document.addEventListener(‘keydown’,function(e){

if(e.keyCode==27)

{

alert(“游戏开始”);

}

else{

alert(“按Esc键开始游戏”);

}

})

实现效果：

当我们没有按下Esc时：

当我们按下Esc时：

示例练习：模拟京东按键输入内容

---

这是京东的搜索框，当我们没有鼠标没有点击搜索框时，搜索框不会获得焦点，但是当我们按下s键，搜索框便可以自动获得焦点，大家可以去京东试试这个小功能，那我们如何实现它呢？

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】