js鼠标事件汇总

js鼠标事件汇总

onmousedown 鼠标按下事件
onmousemove 鼠标移动事件
onmouseout 鼠标移出事件
onmouseover 鼠标指针移动到元素（被选元素或其子元素）上时触发常与onmouseout一起用
onmousenter 只有在鼠标指针穿过被选元素时，才会触发，常与onmouseleave一起使用
onmouseleave 鼠标移出事件
onmouseup 鼠标抬起事件
onclick 单击事件（相继触发mousedown与mouseup事件）
ondbclick 双击事件

onmouseover、onmouseout与onmouseenter、onmouseleave区别

onmouseover、onmouseout：（冒泡）

鼠标经过时自身触发事件，经过其子元素时也触发该事件；（父亲有的东西，儿子也有）

onmouseenter、onmouseleave：（不冒泡）

鼠标经过时自身触发事件，经过其子元素时不触发该事件。（父亲的东西就是父亲的，不归儿子所有）

这四个事件两两配对使用，onmouseover、onmouseout一对，onmouseenter、onmouseleave一对，不要混合使用。