javascript - 仅对子级触发的父级 mouseenter/mouseleave 事件

Question

考虑以下小提琴：小提琴

我怎样才能从父div（类outer）而不是从其子级中获取事件？

Answer 1

这是正确的行为：您在 parent 上捕获了事件div，但事件的实际发送者，即触发它的元素，是内部的div（可能是因为父级和内部 div 之间没有空间，就像@squint 说的那样） . 这e.target就是用途。this事件处理程序上下文中的属性始终为您获取处理事件的元素。

$('.outer').on('mouseenter',function(e){alert($(this).attr('class'));});

JSFIddle：http: //jsfiddle.net/tRP2k/3/

阅读此内容以获取详细信息和示例：http ://api.jquery.com/event.target/