Question

js 鼠标移入触发事件。多次触发。

鼠标移入li 里面触发需触发一个事件，但是当鼠标移动到li里面的div上时也会触发这个事件，等于重复的在触发
document.getElementById("fbox1").onmouseover=function(){alert(123)};

<li id="fbox1">
<div>
<div>
<img /><a href="#"></a></div>
<div >
<a href="#"></a></div>
</div>
</li>

Answer 1

这是肯定会触发的，div包含在li里边，只要你鼠标划入li必定触发事件，并不是重复触发。

mouseover和mouseout都是冒泡事件。mouseenter是ie独有的。我从网上扒了段代码

function isMouseLeaveOrEnter(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover') return false;
var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;
while (reltg && reltg != handler)
reltg = reltg.parentNode;
return (reltg != handler);
}

Answer 2

这个当然了
因为li是父节点
包在最外层
当你鼠标要移动到里面内容是
一定要经过li
所以会触发事件