带你了解JavaScript中的键盘、鼠标事件( 三 ) _生活百科

注意
keypress事件保存的按键值是ASCII码，
keydown和keyup事件保存的按键值是虚拟键码。
具体参考MDN等手册

表单事件

表单事件指的是对Web表单操作时发生的事件。
例如，表单提交前对表单的验证，表单重置时的确认操作等。 JavaScript提供了相关的表单事件。

文章插图

下面以是否提交和重置表单数据为例进行演示。具体如例所示。

文章插图

代码实现
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>表单事件</title> </head> <body> <form id="register"> <label>用户名：<input id="user" type="text"></label> <input type="submit" value=https://www.52zixue.com/zhanzhang/webqd/js/04/16/70128/"提交"> 动手实践
图片放大特效
分析如何实现图片放大特效：
① 准备两张相同的图片，小图和大图。
② 小图显示在商品的展示区域。
③ 大图用于鼠标在小图上移动时，按比例的显示大图中的对应区域。
代码实现思路：
① 编写HTML页面，展示小图、隐藏鼠标的遮罩及大图。
② 当鼠标在小图上移动时，显示鼠标的遮罩和大图。
③ 当鼠标移动时，让遮罩跟着在小图中进行移动。
④ 限定遮罩在小图中的可移动范围。
⑤ 根据遮罩在小图中的覆盖范围，按比例的显示大图。
【相关推荐：javascript视频教程、web前端】
以上就是带你了解JavaScript中的键盘、鼠标事件的详细内容，更多请关注电脑自学网其它相关文章！