为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

米琪卡哇伊 2019-02-03 21:23:25
1.动态生成的元素$(".bizPart"),目的是在mouseover元素$(".bizPart")的时候,另一个元素$("#servTip")移动。2.代码:$("body").on('mouseover', $(".bizPart"), function (e) {    $("#servTip").css({ "left": x, "top": y, "opacity": 1 });    e.stopPropagation();  //没起作用}3.问题:现在是不仅在$(".bizPart")上移动鼠标$("#servTip")会动,而且在body上移动鼠标$("#servTip")也会动,我觉得是冒泡上去了,但是取消又没有用,怎么才能取消移上body,不触这个事件呢?谢谢
查看完整描述

1 回答

?
凤凰求蛊

TA贡献1825条经验 获得超4个赞

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


$(".wrap").on('mouseover', $(".bizPart"), function (e) {

    e.stopPropagation();

    $("#servTip").css({ "left": x, "top": y, "opacity": 1 });

}

望采纳


查看完整回答
反对 回复 2019-02-14
  • 1 回答
  • 0 关注
  • 331 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信