第7章_事件处理-1

《第7章_事件处理-1》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章事件处理【学习目标】事件是用户在访问页面时执行的操作。当浏览器探测到一个事件时，比如鼠标点击或按键，它可以触发与这个事件相关联的JavaScript对象，这些对象称为事件处理程序。事件处理是一项重要技术，它包含了用户与页面的所有交互。通过本章的学习，读者可以达到以下学习目的：●了解什么是事件以及事件的调用●了解常用事件●掌握鼠标键盘事件●掌握页面事件●掌握表单事件●掌握滚动字幕事件●掌握编辑事件【学习导航】本章首先介绍什么是事件以及事件的调用，并以列表的形式给出了常用事件，然后重点介绍鼠标键盘事件、页面事件、表单事件、滚动字幕事件和编辑事件。本章在书中的学习位置如

2、图7.1所示。【知识框架】本章学习内容知识框架如图7.2所示。√本章目录7.1事件的基本概念7.2鼠标键盘事件7.3页面事件7.4表单事件7.5滚动字幕事件7.6编辑事件√√√√√7.1事件的基本概念什么是事件事件处理程序的调用JavaScript的常用事件√√√什么是事件事件是用户在访问页面时执行的操作。当浏览器探测到一个事件时，比如鼠标点击或按键，它可以触发与这个事件相关联的JavaScript对象，这些对象称为事件处理程序。事件处理是一项重要技术，它包含了用户与页面的所有交互。事件处理分类必须使用的事件有以下3类。（1）一类是自己引起的事件，如网页装载、表单提交等

3、。（2）一类是引起页面之间跳转的事件，主要是超级链接。（3）还有一类事件是在表单内部同界面对象的交互，包括界面对象的改就等，可以按照应用程序的具体功能自由设计。事件处理程序的调用方法一：使用HTML标签添加事件处理程序。该方法是直接在HTML标记中指定事件处理程序，例如在和标记中指定。<标记……事件="事件处理程序"[事件="事件处理程序"...]>在以上语法中的事件处理程序可以是JavaScript语句，也可是自定义函数，如果是JavaScript语句，可以在语句的后面以分号（;）作为分隔符，执行多条语句。

4、.jsworkshop.com”onmousemove=“window.alert(‘Youmovedoverthelink’);”>Clickhere（一条语句）Clickhere（函数）HTML标记事件处理程序示例

5、AD>HTML标记事件处理程序示例例7.1在页面加载完成后将弹出一个“欢迎进入本网页”的对话框，在用户退出页面后，弹出一个“谢谢浏览”对话框。代码如下：在浏览器中预览网页，效果如图7.3和图7.4所示。事件处理程序的调用在“确定”按钮的单击事件中，用多行代码改变页面中“JavaScript教程”文本的字体样式。其操作过程是在页面加载后，文本会以“宋体”格式进行显示，在单击“确定”按钮后

6、，将弹出一个输入提示框，向该提示框的文本框中输入1，单击“确定”按钮，这时，将关闭提示框，将页面中的文本以“华文行楷”格式进行显示，程序代码如下。JavaScript教程

7、le.fontFamily='华文行楷';}">在浏览器中预览网页，效果如图7.5、图7.6和图7.7所示。事件处理程序的调用方法二：指定特定对象的特定事件该方法是在JavaScript的标记中编写事件处理程序代码。…//事件处理程序代码…例如，用标记来完成页面加载和关闭时显