网页设计与制作教程Web前端开发（第7版）课件：JavaScript事件处理习题.pptx

本章介绍JavaScrip的BOM对象和操作，DOM对象和操作。JavaScript事件处理习题

目录JavaScript事件处理10.1事件概述10.2window事件10.3mouse事件10.4keyboard事件10.5form事件10.6事件捕捉与事件冒泡习题10

习题101.页面窗体中有用户名和密码两个文本框，当焦点进入文本框时在文本框后面显示“获得焦点，请输入”，当焦点离开这个文本框时在文本框后面显示“失去焦点，判断”，如图9-19所示。。

2.MouseOut事件示例。浏览者将鼠标移至页面中的“淘宝网”链接并离开它时，将弹出确认框，如果单击“确认”按钮，则页面跳转至“淘宝网”的主页，如图9-20所示。习题10

3.页面中有“单击”、“双击”两个按钮，单击“单击”按钮，弹出“按钮被单击了”消息框；双击“双击”按钮，弹出“按钮被双击了”消息框，如图9-21所示。习题10

4.按键盘上键，显示对应的键位和码值，如图9-22所示。习题10

5.使用Form对象实现Web页面信息交互，要求浏览者输入姓名并接受商城协议。当不输入姓名并且未接受协议时，单击“提交”按钮会弹出警告框，提示用户输入姓名并且接受协议；当用户输入姓名并且接受协议时，单击“复位”按钮会弹出确认框，等待用户确认是否清除输入的信息。如图9-23所示。习题10

6．页面提供一个文本框，用于输入需要大小写转换的字符串；提供两个操作按钮，分别为“转大写”和“转小写”；最后用一个文本框显示转换后的内容。如图10-24所示。习题10

7．设计简易计算器，实现四则运算，如图10-25所示。习题10

8．创建一个简单的用户注册表单，包含用户名、密码和性别（单选按钮）字段，以及一个复选框用来接受许可协议。当选中复选框“接受许可协议”时，“注册”按钮有效，单击“注册”按钮后，显示“欢迎您，您的注册信息如下”，显示输入的信息。如图10-26所示。习题10

《网页设计与制作教程Web前端开发第7版》祝贺你又学会了一章！