Javascript = AddEventlistener 仅适用于 Chrome

Question

我想使用一个监听器，当鼠标离开屏幕时会触发一个函数。我正在使用以下代码:

content = 'blabla';
document.addEventListener("mouseleave", function(){ display_exit(content);  });
function display_exit(content)
{ console.log(content); }

当我在 Chrome 上执行此代码时，它可以在 Firefox 或 Explorer/Edge 上运行，但没有任何反应。

我的语法中是否有某些内容是 Chrome 所宽容的，而不是其他语法？

谢谢

劳伦特

Answer 1

事件仅限specified for Element 类型的节点，不适用于 Node 或 Documents :

Type mouseleave

...

Trusted Targets Element

...

您可以将监听器附加到 documentElement 并且它应该起作用:

document.documentElement.addEventListener("mouseout", ...);

此外，请确保文档(html元素)具有100%的高度，否则，根据内容，它可能甚至没有进入文档元素，因此无法触发离开。

查看这个工作 fiddle :https://jsfiddle.net/b3wtoayq/

根据规范，我认为这是 Chrome 中的一个错误，允许将事件监听器附加到文档本身。