为啥把鼠标移到div里的超链接上，就触发了这个div的mouseout事件呢？

Posted 2023-03-05

$(document).ready(function()

$("#1").hover(function()

$("#2").css("background-color","brown");
);

$("#1").mouseout(function()

$("#2").css("background-color","green");
);
);

<div id="1" style="width: 200px;height: 200px;background-color: red;margin-bottom: 10px;">
<a>hehe</a>
</div>
<div id="2" style="width: 200px;height: 200px;background-color: green;margin-bottom: 10px;"></div>

如下图，当你把鼠标放到div上的时候，第二块div正常变成棕色：

但如果你把鼠标移到超链接hehe上的时候，就触发了mouseout方法，下面那块div恢复了绿色：

不是太明白为什么会这样？

参考技术A $(function()
$("#1").mouseover(function()
$("#2").css("background","green")
)

$("#1").mouseout(function()
$("#2").css("background","blue")
)
)

最搞不懂的是你用hover干嘛 hover就能够替代mouseover和mouseout了 他是两个的集合体 参考技术B mouseout事件于用户把鼠标移出一个元素时触发，这包括从父元素移动到子元素上

解决方案：
http://xuganggogo.iteye.com/blog/538476本回答被提问者采纳