DOM事件

事件:组成:

(1）触发谁的事件:事件源

(2）触发的什么事件:事件类型

(3）触发以后做什么:事件处理函数

当我们想让元素做什么，就主要写在事件处理函数中
 

响应用户操作、完成交互效果
一般可以分为鼠标事件、键盘事件及其他事件

鼠标事件                                  意义
onmousedown                     按下鼠标键
onmousemove                     移动鼠标
onmouseout                         鼠标离开某一个网页对象
onmouseover                       鼠标移动到某一个网页对象上
onmouseup                          松开鼠标键
onclick                                  单击鼠标键
ondblclick                             双击鼠标键

键盘事件                               意义
onkeydown                           按下一个键
onkeyup                                松开一个键
onkeypress                           按下然后松开一个键
 

表单事件
获取，失去焦点focus   blur

移动端的触摸事件:

touchstart
touchmove

touchend

reset(重置事件)submit(提交事件):这两个事件必须在form表单中才能使用

事件的三个阶段

1.事件捕获阶段:从外向内
2.事件目标阶段:最开始选择的那个

3.事件冒泡阶段:从里向外
事件对象.eventPhase属性可以查看事件触发时所处的阶段