javascript - 为什么我的 onclick 事件自动触发

Question

“Hello World”最初在页面加载时显示。我希望它仅在单击按钮后显示。我知道我可以通过向按钮添加内联事件监听器来做到这一点。我可以只用脚本编写所有这些代码吗？

        <button id="demo1">Click Me</button>

        <p id="demo"></p> 

        <script> document.getElementById('demo1').onclick = myFunction(); 
            function myFunction() {
            document.getElementById("demo").innerHTML = "Hello World"; } 
        </script>

Answer 1

您立即调用 myFunction，然后将返回值(未定义)分配给 onclick

document.getElementById('demo1').onclick = myFunction();

应该是

document.getElementById('demo1').onclick = myFunction;