jquery mouseout事件冒泡解决方法

在界面中最多使用的是div,如果一个div中包含多个div或img对象时, 针对mouseout鼠标移出事件时,并没有移出div层,但是当移动到div中的img时,也触发了该mouseout事件,这就是事件冒泡的描述. 解决方法: 可以使用jquery bind可以阻止浏览器的一些默认行为. 部分代码: $(".buy").mouseout(function(){ $(this).hide(); }); 改成: $(".buy").bind("mouseleave", function() { $(this).hide(); }); 将问题解决.(使用mouseleave替代mouseout、用mouseenter替代mouseover)

转载于:https://www.cnblogs.com/simpledev/p/3471437.html