第13章JavaScript事件分析教学指南

一、教学目标

通过本章的学习，学生应达到如下基本要求：

1.了解JavaScript事件类型；

2.理解事件的概念；              

3.理解事件处理器与事件处理代码相关联的方式；

4.学会利用表单的提交及重置事件对表单的数据进行校验；

5.理解鼠标事件中的鼠标单击及鼠标移动事件；

6.掌握常用的键盘及窗口事件；

7.学会使用相关事件设计Web登录页面。

二、本章提要

本章介绍 JavaScript 脚本中的事件处理的概念、方法,列出了常用的事件及事件句柄,并且介绍了如何编写用户自定义的事件处理函数以及如何将它们与页面中用户的动作相关联，以得到预期的交互性能。

重点介绍了Web开发中常用的表单事件、鼠标事件、键盘事件等。在表单事件中，详细介绍表单元素的焦点事件、表单提交与重置事件以及表单元素的选中及改变事件。在鼠标事件中，详细介绍鼠标单击及鼠标移动事件。在窗口事件中，主要介绍了装载事件和卸载事件。Web前端开发人员只要掌握JavaScript事件概念、事件触发类型和事件处理的方式，就可以开发出具有交互性、动态性的页面。

三、本章重难点

    本章重点是掌握事件、事件处理句柄、事件处理函数等相关概念；掌握事件处理函数的定义方法，分别是静态指定、动态指定和特定对象指定特定的事件的方法。掌握常见的事件类型，分别是窗口事件、表单元素事件、鼠标事件、键盘事件等。

本章难点是在JavaScript脚本中动态指定特定事件的事件处理函数。格式如下所示：

特定对象（标记）.事件句柄名称=function(){函数体}

myForm.myBotton.onclick=function(){alert(“这是一个简易实验函数！”)}

调用方法：myForm.myButton.onclick();

*四、教学过程（可选）

包括内容、授课过程、课堂练习、教学总结、作业、预习。

五、教学参考内容

    1．理论教材第13章课后练习与实验中的练习13与实验13。 

    2．实验教材实验十一中项目1、项目2。

3．教材配套PPT。

4．网络教学平台上测验。