为什么 body.addEventListener('scroll') 在 body.onscroll 工作时不起作用答案

【问题标题】：Why body.addEventListener('scroll') doesn't work while body.onscroll works为什么 body.addEventListener('scroll') 在 body.onscroll 工作时不起作用
【发布时间】：2017-04-26 10:52:41
【问题描述】：

我刚刚遇到了一些有趣的行为：

document.body.addEventListener('scroll', f)
document.body.onscroll = f;

当滚动正文时，回调在第一种情况下不会触发，而在第二种情况下工作正常。有谁知道这是什么原因？

我首先假设该事件是在文档上产生的，但是不应触发 body.onscroll。

Here is笨蛋。

【问题讨论】：

早上好！:) 你能提供一个可运行的问题重现吗？
@yurzui，简单:)，检查this out
你在没有 iframe 的空白页面上试过了吗？
@yurzui，是的，当然，您可以将内容粘贴到 index.html 并在没有 iframe 的情况下运行它
很有趣的事情take.ms/xWvyp

标签： javascript dom

【解决方案1】：

在此讨论：Scroll listener on body

你可以换一种方式：

document.addEventListener("scroll", f);

【讨论】：

它没有回答我的问题
我发现 onfocus 和 onblur 的行为相同。我认为这是为了保持兼容性：stackoverflow.com/questions/67940593#answer-67940594