Question

js 鼠标移入触发事件。li里面被嵌套的div也被执行，多次触发。

鼠标移入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

document.getElementById("fbox1").onmouseover=function(e){
e = e || window.event;
var tag = e.target || e.srcElement;
if (tag.id == "fbox1"){alert('dd')};
if (!e.stopPropagation()) e.cancelBubble = true;
}

追问

感谢您的回答，这样的的确可以实现，但是还有一个问题是，鼠标离开的时候也触发了alert()。
可否，再帮忙改进下。谢谢您。

追答

呵呵 我知道你想说的是什么
当鼠标进入li时会alert(), 当离开li里的div时也会出现alert() 对吧？
但是你想想，鼠标离开div，不就进入了li了吗？
进入了li肯定就会执行alert了

Answer 2

document.getElementById("fbox1").onmouseenter=function(){alert(123)};
把事件换成onmouseenter鼠标聚焦时触发就行了.

追问

感谢您的回答，我之前测试过，但是不兼容火狐啊。

追答

火狐木有试过.

追问

帮帮忙。想想。谢谢了。

追答

真想不出来,兼容性问题,一直不知道怎么做.