jquery-div中如果有a标签，会重复触发div的mouseover事件
0
悬赏园豆：100
[待解决问题]
<script type="text/javascript">
$(function(){
$('#oDiv').mouseover(function(){
console.log('11111');
});
})
</script>
<style>
#oDiv{ width:200px; height:100px; border:1px solid red; }
</style>
</head>
<body>
<div id="oDiv">
<a href="###">测试</a>
<a href="###">测试</a>
<a href="###">测试</a>
<a href="###">测试</a>
</div>
</body>
</html>
所有回答(5)
2
冒泡懂吗 A标签难道不是在div里面吗？
如果你想不触发 加上这个
$('#oDiv a').mouseover(function(e){
e.stopPropagation();
});
还是一样，当鼠标移动到A标签上方时，不触发父节点DIV的mouseover，移出就触发父节点div的mouseover时间
@凡vv凡: 你到底要啥效果？
0
楼上正解
0
$('#oDiv').mouseover(function (event) {
var name = event.relatedTarget.nodeName;
if (name != "A" && name != "DIV") {
console.log("aaaaa");
}
});
-1
$('#oDiv')。hover(
function(){
console.log('11111');
},
function(){
console.log('2222');
}
); 这个方法不错！谢谢，
不错 快速解决问题，原理有时间捣鼓捣鼓吧。