addEventListenerはドキュメントの読み込み時に動作します

Question

<script> 
    var clrbtn = document.createElement('button'); 
    clrbtn.addEventListener('click', sayHello()); 
    function sayHello() { 
     console.log('Hello'); 
    } 
</script> 

ドキュメント読み込み時にコンソールでHelloが表示されるのはなぜですか？

Answer 1

これは、それはすぐに関数を実行しますclrbtn.addEventListener('click', sayHello())

にこの行sayHello()です。あなたがのsayHello（）を呼び出すのではなく、それへの参照を作っているので、理由がある

clrbtn.addEventListener('click', sayHello) 

Answer 2

へ

変更して、すなわちsayHello

Answer 3

clickイベントで実行する関数の名前だけをaddeventlistenerに渡してみてください。現在、sayHelloを事前に実行し、実行のaddeventlistener値（未定義）に渡そうとする括弧があります。要するに

は、次の操作を行います。

clrbtn.addEventListener('click', sayHello)