DOM ----- 事件

1.DOM事件

事件三要素：事件源、事件、事件驱动程序
事件源：也就是需要操作的对象，例如：var box = document.getElementById(“box”);
事件 ： 例如：onclick、onmouseenter等，例如：box.onclick = function() { 。。。 };
事件驱动程序：例如：this.innerHTML = “我是一个div盒子”;

1.1 单击事件
onclick ------> 鼠标单击某个对象

1.2 双击事件
indblclick --------> 鼠标双击某个对象

1.3 焦点事件
onfocus --------> 元素获取焦点时触发
onblur --------> 元数失去焦点时触发

1.4 改变事件
onchange ----- > 域的内容被改变时触发，用于input select 和 textarea 标签

1.5 鼠标事件

当鼠标指针穿过元素时，会发生 onmouseenter 事件。该事件大多数时候会与 onmouseleave 事件一起使用。onmouseover 事件和 onmouseout 事件一起使用。

与 onmouseover 事件不同，只有在鼠标指针穿过被选元素时，才会触发 onmouseenter 事件。如果鼠标指针穿过任何子元素，同样会触发 onmouseover 事件。

效果

1.6 键盘事件
onkeydown -------> 键盘按钮按下
onkeyup -------> 键盘按钮抬起