05 前端学习第一章节 如何使用键盘监听

我们的浏览器是一个软件，当我们的鼠标键盘有输入的时候，它会监听到，如果，网页中有一个监听我们键盘内容的东西的代码，这样监听我们的键盘的话，那么说，这个可以方便我们操控我们的网页，当然，这个时候，网页必须是我们置顶的程序。

不然，这个就十分危险了，你看一下，打开了网页，然后黑客就能够直接监听我们的电脑输入这个是多么危险的呀。

我们可以想一下，比如说，我们的输入，还没有完成，但是，网页已经能够检查到我们可能要输入的内容。这个就是使用了鼠标的监听。

那么说，既然，监听是一个功能，那么说，这个可以监听的东西，就是一个程序，那么既然是程序，就必须是写在js代码里面的。

既然是js代码，那么就是说，你要写在标签里面的。

然后，这个方法，是window.addEventListener("event",function(event){}）

注意一下，这个参数，是我们想要监听的，可能是鼠标按键，或者是键盘按键。

这个是有固定参数的，所以说，我们应该知道，前面的内容，就是我们的触发条件。

然后，当我们触发之后，function(event){},这里会获取到一个对象，这个对象就是event，这个event有很多个值。然后，如果我们只是想要监听这个是哪个按键，那么我们就直接使用event.key,这个能够显示，这个按键到底是什么。

我们可以写一个小程序，就是，当d按键按下的时候，我们就往右边移动，

当a按键按下的时候，我们就往左边移动。

——————————

这样就能够写一个建议版本的打砖块图片了。

但是，因为我们的键盘的输入是有一个特点的，就是，当我们的按键按下去了，不管有没有弹起，都输入一次。如果隔一段时间，还没有弹起，就会触发连续输入，就是一直输入。

那么如果在打砖块的时候，我们更换按键的那一刹那，就会有卡顿。所以，我们不能用常规的方法来设计这个游戏程序。那么说，我们应该怎么做呢？

我们应该当我们按下某个按键的时候，变量往左转就是True，然后，这个程序就会自动往左走。除非这个按键，

前面就是我们监听的内容，而后面就是我们要运行的程序。