【前端】js关于鼠标划过事件

js对于鼠标划过事件有如下几种:
onmouseover:http://www.runoob.com/jsref/event-onmouseover.html
onmouseout:http://www.runoob.com/jsref/event-onmouseout.html
onmouseenter:http://www.runoob.com/jsref/event-onmouseenter.html
onmouseleave:http://www.runoob.com/jsref/event-onmouseleave.html

这四个事件一般两两配对使用,onmouseover、onmouseout一对,onmouseenter、onmouseleave一对,不能混合使用

区别:

1、onmouseover、onmouseout:鼠标经过时自身触发事件,经过其子元素时也触发该事件;(父亲有的东西,儿子也有)

2、onmouseenter、onmouseleave:鼠标经过时自身触发事件,经过其子元素时不触发该事件。(父亲的东西就是父亲的,不归儿子所有)

你可能感兴趣的:(【前端】js关于鼠标划过事件)