<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
事件
1. 三要素
触发谁的事件:事件源
触发什么事件:事件类型
触发以后做什么:事件处理函数
2. DOM0级 事件
* 表单常用事件(重)
1. onblur : 失焦事件
2. onfocus : 得焦事件
3. onchange : 内容改变事件
4. onsubmit : 提交事件(只能给form绑定,submit已经实现了功能)
5. onreset : 重置事件(只能给form绑定。reset已经实现了功能)
* 鼠标常用事件
1. onclick : 点击事件(重)
2. ondblclick : 双击事件
3. onmousedown : 鼠标按下事件
4. onmouseup : 鼠标抬起事件
5. onmouseenter : 鼠标移入事件(重)
6. onmouseleave : 鼠标移出事件(重)
7. onmouseover : 鼠标移入事件(重)
8. onmouseout : 鼠标移出事件(重)
9. onmousemove : 鼠标移动事件(重)
10. oncontextmenu : 右键单击事件
注:mouseenter/mouseleave 在孩子身上不会实现(会自动阻止事件冒泡)
mouseover/mouseout 在孩子身上也会实现(不会自动阻止事件冒泡)
* 键盘常用事件
1. onkeydown : 键盘按下
2. onkeyup : 键盘抬起
3. onkeypress : 键盘按过(按下时触发)
* **浏览器常用事件
1. onload : 加载成功事件
2. onerror : 加载失败事件
3. onresize : 可视尺寸改变时触发的事件
4. onscroll : 滚动条位置改变时触发的事件
* 移动端常用事件
1. ontouchstart : 开始触摸事件
2. ontouchend : 结束触摸事件
3. ontouchmove : 触摸移动事件
-->
</body>
</html>
DOM2级 事件
没有on