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

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

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

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

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

既然是js代码,那么就是说,你要写在<script></script>标签里面的。

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

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

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

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

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

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

——————————

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

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

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

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


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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,678评论 1 11
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 7,294评论 0 17
  • 本文转自(原文太杂乱,这里调整了格式及内容):http://enkichen.com/2018/09/12/osx...
    topws1阅读 19,298评论 0 27
  • 一、Python简介和环境搭建以及pip的安装 4课时实验课主要内容 【Python简介】: Python 是一个...
    _小老虎_阅读 6,311评论 0 10
  • 我不知道是什么 让我 在岁月的流逝中始终如一 而又是什么 让我 在一刹那间悲喜莫名 我不知道是什么 让我 在黑夜里...
    zlcice阅读 195评论 0 1

友情链接更多精彩内容