mouseenter事件和mouseover的区别

东明兄 2017-01-10
0条评论 1,510 次浏览
东明兄 2017-01-100条评论 1,510 次浏览

关键点就是:冒泡的方式处理问题

<div class="aaron2">
    <p>鼠标离开此区域触发mouseleave事件</p>
</div>

如果在p元素与div元素都绑定mouseover事件,鼠标在离开p元素,但是没有离开div元素的时候,触发的结果:

p元素响应事件
div元素响应事件
这里的问题是div为什么会被触发? 原因就是事件冒泡的问题,p元素触发了mouseover,他会一直往上找父元素上的mouseover事件,如果父元素有mouseover事件就会被触发,

mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发.

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注