JavaScript事件分类:
- 页面事件
- 鼠标事件
- 焦点事件
- 键盘事件
- 表单事件
焦点事件:
-
多用于表单验证功能。例:文本框获聚焦点改变文本框样式,文本框失去焦点时验证文本框内输入内容
常用焦点事件:
事件名称 | 事件触发时机 |
---|---|
focus | 当获得焦点时触发 |
blur | 当失去焦点时触发 |
- 实例操作——验证用户名和密码是否为空
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>验证用户名和密码是否为空</title>
<style>
body{background:#ddd;}
.box{background:#fff;padding:20px 30px;width:400px;margin: 0 auto;text-align:center;}
.btn{width:180px;height:40px;back