Question

jquery的mouseover方法如何阻止事件冒泡

$("body").on("mouseover","div",function (){
$(".small").removeClass('small').addClass('big');
});
就是这个方法，不过div中的子元素也能相应mouseover。
我预期的效果是在整个大div上mouseover的时候触发事件。
求大神解答。

Answer 1

你这个写法本身就是事件代理的写法，不冒泡怎么事件代理？你问题表达的肯定有问题，再明确一下吧。

追问

昨天就是你回答的我的问题。
我想实现的效果是：一个div中包含了很多dl、dt、dd，只要移动到这个div框上的时候，就把这个div宽度变大，移出div的时候把div宽度还原。但是现在在div上移动，每当经过dt、dd都会执行mouseover和mouseout方法，导致div反反复复变大变小。

Answer 2

2个方法：

return false;

e.stopPropagation();

Answer 3

用mouseenter和mouseleave