网页设计项目教程（HTML5+CSS3+JavaScript）（第2版）【PPT课件】任务12.7 事件处理.pptxVIP

网页设计项目教程（HTML5+CSS3+JavaScript）模块12使用JavaScript脚本语言实现网页任务12.7事件处理

学习目标认识常见事件类型，掌握四种事件处理程序与事件流，会用事件对象与事件委托知识目标理解事件的含义；掌握常见的事件类型；掌握四种事件处理程序；理解事件冒泡与事件捕获；掌握event对象的常用属性、方法与事件委托。能力目标能够为元素绑定事件；能够编写事件处理程序；能够分析事件的触发顺序；能够使用event对象；能够利用事件委托统一管理同类事件。素养目标培养用户体验意识；提升逻辑分析能力；关注代码的性能与规范；提升页面交互功能的综合开发能力。

任务描述在监听到事件后，使用JavaScript编写的代码对事件进行处理，实现与HTML的交互事件，是指文档或者浏览器窗口中发生的一些特定的交互瞬间，如鼠标移动、页面滚动、鼠标单击、键盘输入、页面关闭等。在监听到事件后，使用JavaScript编写的代码对事件进行处理，从而实现了JavaScript与HTML之间的交互。要处理事件，需要先了解事件的类型，再选择合适的方式为元素绑定事件处理程序。本任务目标：认识常见事件类型，掌握四种事件处理程序的用法，理解事件流与事件对象，能够运用事件委托优化事件处理，并完成表单校验等交互功能。

12.7.1事件类型浏览器中发生的事件有很多类型，