Question

jquery-div中如果有a标签，会重复触发div的mouseover事件 ，求解决

$(function(){
$('#oDiv').mouseover(function(){
console.log('重复触发事件');
});
})
</script>

<style>
#oDiv{width:200px;height:100px;border:1px solid red;}
</style>

<div id="oDiv">
<a href="###">测试</a>
<a href="###">测试</a>
<a href="###">测试</a>
<a href="###">测试</a>
</div>

Answer 1

不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout
只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave
希望对你有用

Answer 2

function stopEventListener(event) {
try {
event.stopPropagation();
} catch (e) {
window.event.cancelBubble = true;
}
}

a标记上调一下这个函数，如<a onmouseover="stopEventListener(event);" href="###">测试</a>

追问

没有作用，当我鼠标移动到a标签上，还是会触发父元素DIV的onmouseover事件

追答

我想不是因为鼠标移动到a上触发的，而是因为div是a的父元素，你的鼠标移动到a必然经过div，因此造成了触发。你可以把你的思路和目标效果说明一下，看看我能不能帮到你。

追问

谢谢，觉得这是一个bug看有没好解决方案，问题我已经解决了。
解决HTML内部元素的Mouse事件干扰
http://www.cnblogs.com/xiaoshatian/archive/2008/03/28/1127377.html

追答

这样啊。。。那能顺手采纳下吗

Answer 3

用mouseenter事件