课题事件
课时4课时（180min）
知识目标：
（1）了解什么是事件
（2）掌握事件绑定方式
（3）理解事件捕获和冒泡
（4）掌握事件对象使用
（5）掌握多种事件类型
（6）掌握事件优化方式
教学目标能力目标：
（1）熟练运用事件绑定
（2）高效处理事件对象
（3）能够根据需求选用合适的事件类型处理
（4）能够优化事件提升网页性能与资源利用
素质目标：
（1）了解科技发展，树立刻苦钻研、科技创新的人生目标
（2）提高选择合适方法解决不同问题的能力
教学重点：掌握不同的事件绑定方式，包括内联绑定、动态绑定和事件监听，并能根据实际情况选择
合适方式；学会获取和运用事件对象的属性及方法；熟悉各种事件类型，如鼠标、触摸、键盘等事件及
其应用场景；掌握事件优化方法
教学重难点
教学难点：理解事件流中事件捕获、冒泡及DOM事件流模型的复杂机制；掌握不同浏览器环境下
事件绑定和事件监听的差异及兼容方法；灵活运用事件对象的属性和方法实现复杂功能；运用事件优化
策略有效提升网页性能
教学方法问答法、讨论法、讲授法
教学用具电脑、投影仪、多媒体课件、教材
教学过程主要教学内容及步骤
【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课
前任务
请同学们浏览一些带有交互功能的网页，如购物网站、新闻资讯网站等。观察网页中不同元素在用
课前任务户操作下的反应，如点击按钮、鼠标悬停、输入文本等，尝试分析可能涉及的事件类型和事件处理方式，
然后在APP上进行讨论。
【学生】完成课前任务
【教师】使用APP进行签到
考勤
【学生】班干部报请假人员及原因
【教师】提出以下问题：
同学们在浏览网页的时候，有没有注意过当你点击一个按钮时，页面会出现特定的反应，比如弹出
1
问题导入一个提示框。那大家有没有想过这背后是怎样的一种机制在起作用呢？是什么让网页能够响应我们的各
种操作呢？
【学生】聆听、思考、举手回答
【教师】通过学生的回答，引入新知，讲解事件的基本知识，以及事件对象、事件类型和事件优化的
相关知识
8.1事件介绍
8.1.1什么是事件
事件可以理解成是JavaScript侦测到的行为，这些行为包括页面加载、鼠标单击某个按钮、鼠标滑
过某区域等。当JavaScript侦测到这些行为，就会去执行一段程序来进行响应，这就实现了用户与网页
的交互。JavaScript为响应用户行为所执行的程序代码称为事件处理程序。例如，当用户在网页中单击
某个按钮时，这个行为就会被JavaScript中的click事件监测到，然后让其自动执行为click事件编写的
程序代码（事件处理程序），如打开提示框。
……（详见教材）
?【教师】组织学生阅读“科技民生-万物互联”的内容（详见教材），并提出问题：