1 / 11

实验内容 1 、浏览器事件及处理 2 、鼠标事件及处理 3 、键盘事件及处理 4 、其他事件及处理

实验内容 1 、浏览器事件及处理 2 、鼠标事件及处理 3 、键盘事件及处理 4 、其他事件及处理. 实验目的 1 、了解 JavaScript 事件处理的基本概念 2 、理解 JavaScript 事件处理模型 3 、掌握 JavaScript 常用事件及处理. 实验重点 1 、理解 JavaScript 事件处理模型 2 、掌握 JavaScript 常用事件处理. 实验难点 1 、掌握 JavaScript 常用事件及处理. 事件处理的基本概念

deiter
Télécharger la présentation

实验内容 1 、浏览器事件及处理 2 、鼠标事件及处理 3 、键盘事件及处理 4 、其他事件及处理

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 实验内容 1、浏览器事件及处理 2、鼠标事件及处理 3、键盘事件及处理 4、其他事件及处理

  2. 实验目的 1、了解JavaScript事件处理的基本概念 2、理解JavaScript事件处理模型 3、掌握JavaScript常用事件及处理

  3. 实验重点 1、理解JavaScript事件处理模型 2、掌握JavaScript常用事件处理

  4. 实验难点 1、掌握JavaScript常用事件及处理

  5. 事件处理的基本概念 1、事件是浏览器响应用户交互操作的一种机制，利用javascript事件处理机制可以开发出更加具有交互性，更易使用的Web页面。 2、事件定义了用户与Web页面交互时产生的各种操作。浏览器在大部分时间都等待交互事件的发生，并在事件发生时，自动调用事件处理函数，完成事件处理过程。

  6. 实验内容一：浏览器事件及处理 1、load事件：发生在浏览器完成网页的加载之后。 2、unload事件：发生在浏览器载入新网页之前。 3、submit事件：发生在提交表单数据给服务器处理时。 4、思考题 计算用户在网页上的停留时间。

  7. 实验内容二： 鼠标事件及处理 1、MouseMove事件：发生在移动鼠标的时候。 2、MouseOver事件：发生在鼠标扫过一个界面对象时。 3、MouseOut事件：鼠标扫过并脱离一个界面对象时发生。 4、Click事件：发生在表单上某个对象被单击时 5、思考题： 订单模拟程序。

  8. 实验内容三： 键盘事件及处理 1、KeyDown事件：在键盘上按下一个键的时候发生。 2、KeyPress事件：从键盘按下键直到松开键时发生。 3、KeyUp事件：在键盘上松开一个键的时候发生。 4、思考题 显示按键的ASCII码。

  9. 实验内容四： 其他事件及处理 1、Change事件：文本输入框失去焦点，同时其中的值发生改变时。 2、Select事件：选定文本输入框的一段文本后 3、思考题： 编写文本输入框的Select事件处理程序。

  10. 【实验小结】 通过本次实验，同学们熟悉了JavaScript事件处理基本概念，理解了JavaScript事件处理模型，掌握了利用JavaScript事件及处理机制编写更具交互性的、更易使用的Web页面。

  11. 谢 谢 ！

More Related