かっこを使用すると JavaScript の onclick 関数が途中でトリガーされるのはなぜですか?

JavaScript onclick 関数が途中でトリガーされる

と同様の外観を持つリンクを作成する場合タグが含まれていても、クリック時に関数を実行することを目的としている場合、ユーザーはページの読み込み時に関数が誤って呼び出されるシナリオに遭遇する可能性があります。これにより、目的のクリック イベントが正しく機能しなくなります。

よくある落とし穴は、onclick 属性を割り当てる際のかっこの不適切な使用です。関数をすぐに実行する sendNode.onclick = SecondFunction() の代わりに、正しい構文は sendNode.onclick = SecondFunction です。これにより、関数への参照が割り当てられ、クリック イベント時にのみ実行されます。

<code class="javascript">function startFunction() {
  var sentNode = document.createElement('a');
  sentNode.setAttribute('href', "#");
  sentNode.setAttribute('onclick', secondFunction);
  //sentNode.onclick = secondFunction();
  sentNode.innerHTML = "Sent Items";
  //...
}</code>

括弧を省略すると、onclick イベントは実行結果ではなく関数参照に正しくバインドされます。意図した動作を保証します。

以上がかっこを使用すると JavaScript の onclick 関数が途中でトリガーされるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。