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 -------> 键盘按钮抬起