mouseenter委派使用vanilla JavaScript?

如何为 mouseenter 事件

我正在寻找与此jQuery代码等效的代码,但无法理解jQuery在内部是如何实现的:

$(document).on('mouseenter', '.demo', foo);

我看到了 this other question about it ,但没有提供适当的解决方案。

我也读过 Mozilla docs regarding mouseenter 还有委托,除了说它与任何浏览器都不兼容之外,他们提供的示例在JS控制台上抛出了错误,不起作用。

我也检查过了 this 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
});

你可以玩它 in this jsfiddle 。