JavaScript实验程序设计——事件处理

JavaScript程序设计——事件处理

预 习 报 告

实验题目：事件处理

预习内容：

1.JavaScript事件的基本概念 ⑴什么是事件 ⑵DOM事件流 ⑶事件监听器
2.HTML事件 ⑴鼠标事件 ⑵Event对象 ⑶键盘事件 ⑷页面事件 ⑸表单事件
3.干预系统的事件处理机制 ⑴停止事件冒泡 ⑵阻止事件的默认行为

实验目的与要求（及主要实验仪器、设备）：

1．掌握JavaScript事件注册；
2．掌握JavaScript事件处理函数；
3．掌握JavaScript鼠标和键盘事件；
4．掌握JavaScript表单相关事件；
5．掌握JavaScript字幕滚动事件；
6．掌握JavaScript编辑事件；
实验环境： Windows 7/Windows 10 + HBuilderX

实验原理（方法与与原理分析）

1.onclick 当用户单击某个对象时触发
2.ondblclick 当用户双击某个对象时触发
3.onmousedown 鼠标按钮被按下时触发
4.onmousemove 鼠标被移动时触发
5.onmouseout 鼠标从某元素移开时触发 6.onmouseover 鼠标移到某元素之上时触发 7.onmouseup 鼠标按键被松开时触发

实验步骤（程序代码与实验过程）：

1.字幕滚动事件
多读书 读好书 好读书

2.表单事件

3.鼠标事件

<script type=“text/javascript"src=“http://code.jquery.com/jquery-1.11.1.min.js”>

4.窗口事件

实验结果（数据分析与结论）：

1.字幕滚动事件

5.表单事件

6.鼠标事件

7.窗口事件

问题讨论：

问：如何调用函数的onclike事件来查看时间？
答：

JavaScript 事件

点击按钮来显示日期。

时间是？