fewpjs-acting-on-events-rcdd_202104_tur_few

通过处理事件来使用JavaScript移动事物 学习目标 练习页面上的移动元素 演示如何响应浏览器事件移动元素 演示如何更新元素在页面上的位置 介绍 回想一下您玩过的第一个视频游戏。 考虑一下该游戏的机制。 通过倾斜或按压，它可以回应您的异想天开。 它为您提供了进入其世界的窗口以及与之互动（甚至塑造）该世界的方式，从而将您带入了故事。 当您执行事件时，计算机使世界做出回应：布鲁克林的小水管工跳了起来（超级马里奥·弗朗西斯），不死的战士被邪恶的敌人砍杀了（黑暗之魂），或者香蕉黄色的家伙吃了强力药丸（ Pac -男人）。 编程意味着您可以为其他人创建这样的世界。 当然，要准备构建上述经典游戏之一还需要一段时间，但是我们可以从基本步骤开始。 让我们学习如何响应事件来移动页面上的内容。 在页面上练习移动元素 在您喜欢的浏览器中打开index.html （我们将使用Chrome）。 打开控制台，