Download presentation
Presentation is loading. Please wait.
1
湖北职院计科系
2
实验内容 1、浏览器事件及处理 2、鼠标事件及处理 3、键盘事件及处理 4、其他事件及处理
3
实验目的 1、了解JavaScript事件处理的基本概念 2、理解JavaScript事件处理模型
4
实验重点 1、理解JavaScript事件处理模型 2、掌握JavaScript常用事件处理
5
实验难点 1、掌握JavaScript常用事件及处理
6
事件处理的基本概念 1、事件是浏览器响应用户交互操作的一种机制，利用javascript事件处理机制可以开发出更加具有交互性，更易使用的Web页面。 2、事件定义了用户与Web页面交互时产生的各种操作。浏览器在大部分时间都等待交互事件的发生，并在事件发生时，自动调用事件处理函数，完成事件处理过程。
7
实验内容一：浏览器事件及处理 1、load事件：发生在浏览器完成网页的加载之后。 2、unload事件：发生在浏览器载入新网页之前。
3、submit事件：发生在提交表单数据给服务器处理时。 4、思考题 计算用户在网页上的停留时间。
8
实验内容二： 鼠标事件及处理 1、MouseMove事件：发生在移动鼠标的时候。 2、MouseOver事件：发生在鼠标扫过一个界面对象时。
3、MouseOut事件：鼠标扫过并脱离一个界面对象时发生。 4、Click事件：发生在表单上某个对象被单击时 5、思考题： 订单模拟程序。
9
实验内容三： 键盘事件及处理 1、KeyDown事件：在键盘上按下一个键的时候发生。
2、KeyPress事件：从键盘按下键直到松开键时发生。 3、KeyUp事件：在键盘上松开一个键的时候发生。 4、思考题 显示按键的ASCII码。
10
实验内容四： 其他事件及处理 1、Change事件：文本输入框失去焦点，同时其中的值发生改变时。
2、Select事件：选定文本输入框的一段文本后 3、思考题： 编写文本输入框的Select事件处理程序。
11
【实验小结】 通过本次实验，同学们熟悉了JavaScript事件处理基本概念，理解了JavaScript事件处理模型，掌握了利用JavaScript事件及处理机制编写更具交互性的、更易使用的Web页面。
12
谢 谢 ！
Similar presentations
