第18/90步《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第9课

82 阅读1分钟

今天学习《前端篇》第3章完成交互功能的第9课,实现游戏的重启功能。

学习目标

  • 理解HTML5的事件模型;
  • 使用removeEventListener移除事件监听。

主要知识点/技能点

  • 熟悉事件派发的三阶段:

image-20230104185425990.png

  • removeEventListener方法用于移除由 addEventListener方法添加的事件句柄。调用示例:

     canvas.removeEventListener("click", onClickScreenWhileGameOver)
    

实践疑难点

小结

在HTML5中,事件派发有三个阶段是由元素的嵌套决定的。一般情况下捕捉阶段是用不到的,只有在调用addEventListener添加事件监听时将useCapture参数设置为true,才会激活捕捉阶段。