JavaScript onscroll 函数不触发

Question

我想做的就是在页面加载时触发一个函数。

似乎我的代码中有一个错误，但我无法弄清楚...我想我还是菜鸟...

<div class="text-one">
   <p id="hi" onscroll="myFunction()"> Hi, </p>
</div>

function myFunction () {
    document.getElementById("hi").style.color = "blue";
}

Answer 1

<div class="text-one">
   <p id="hi" onscroll="myFunction()"> Hi, </p>
</div>

这段代码的意思是“当p滚动时，执行myFunction()”。除非您的 p 标记中有太多文本以至于用户需要在 div 内滚动，否则这没有多大意义。

相反:

window.addEventListener('scroll', function() {
   myFunction()
});

现在我们有了一个监听器，用于监听用户何时在窗口中滚动

并非每个函数都应该从 html 标记内部调用。尤其是当上下文不匹配时