事件委托中的目标元素的mouseover事件冒泡到委托元素，怎么取消呢？

Question

１．动态生成的元素$(".bizPart")，目的是在mouseover元素$(".bizPart")的时候，另一个元素$("#servTip")移动。
２.代码：

$("body").on('mouseover', $(".bizPart"), function (e) {
 　　　$("#servTip").css({ "left": x, "top": y, "opacity": 1 });
 　　　e.stopPropagation();　　／／没起作用
}

３．问题：现在是不仅在$(".bizPart")上移动鼠标$("#servTip")会动，而且在ｂｏｄｙ上移动鼠标$("#servTip")也会动，我觉得是冒泡上去了，但是取消又没有用，怎么才能取消移上ｂｏｄｙ，不触这个事件呢？谢谢

Answer 1

建议在.bizPart元素外面在包一层.wrap，你这样是直接绑定在body上的事件，只能阻止冒泡到body以上的元素。

$(".wrap").on('mouseover', $(".bizPart"), function (e) {
 　　　e.stopPropagation();
 　　　$("#servTip").css({ "left": x, "top": y, "opacity": 1 });
}

望采纳

Answer 2

通过if判断e.currentTarget的元素是否是.bizPart，是的话再执行函数体

Answer 3

$("body").on('mouseover', ".bizPart", function (e) {
　　　$("#servTip").css({ "left": x, "top": y, "opacity": 1 });
}
好像这样就可以了呢，谢谢各位