如何实现mouseenter
事件的事件委派?
我正在寻找与此jQuery代码等效的方法,但没能理解jQuery在内部是如何实现的:
$(document).on('mouseenter', '.demo', foo);
我看过这个相关问题,但是没有给出合适的解决方案。
我也阅读过Mozilla关于mouseenter和委派的文档,除了说它与任何浏览器都不兼容之外,他们提供的示例会在JS控制台中抛出错误并且不能工作。
我还检查了这个CodePen,但在Chrome上也无法工作(没有尝试其他浏览器)。
有什么想法吗?
这是我目前正在尝试的,但是target
元素似乎总是向上传播:
document.addEventListener('mouseenter', function(e) {
console.log('==============================');
console.log(e.currentTarget); //document
console.log(e.target); //document
console.log(e.relatedTarget); //nothing
console.log(e.handleObj); //nothing
});
你可以在这个jsfiddle中进行操作。
document
。e.target
并没有给我实际的元素。 - Alvaro