DOM-21【键盘事件、贪吃蛇运动原理】

最新推荐文章于 2023-01-02 20:39:40 发布

小管打天下

最新推荐文章于 2023-01-02 20:39:40 发布

阅读量235

点赞数

分类专栏： # DOM 文章标签： dom

本文链接：https://blog.csdn.net/qq_42647547/article/details/118055342

版权

24 篇文章 2 订阅

订阅专栏

一、键盘事件

定义： 按下按键和抬起按键

执行顺序： keydown > keypress > keyup

keydown和keypress的区别：
1、keydown没有charCode

2、keypress按住可以一直触发

3、keypress可以区分字母大小写

document.onkeypress = function (e) {
    var str = String.fromCharCode(e.charCode);
    console.log(str); // a b c A 
}

4、keypress只触发所有字符类按键(包括123abc><=，不包括ctrl)

5、keydown用来触发控制键，键盘上所有的按键都可以触发

charCode和keyCode的区别：
charCode是ASCII码，keyCode是键盘顺位排序码
在这里插入图片描述

给一个函数添加一个方法和属性，这些方法和属性就是这个函数的静态方法和属性

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
每一次循环dom结构都在变化，这样很消耗性能

frag不在dom结构里面，所以在循环的时候是没有改变dom结构的

记住：
1、只要是循环创建，一定要用到文档碎片

2、它的好处是可以阻止回流，减少对dom结构的操作，优化性能

用一些特定的标签（i、ins），这样好维护

在这里插入图片描述
就是往了一个方向走，就不能再往这个方向或者反方向走了