かっこを使用すると JavaScript の onclick 関数が途中でトリガーされるのはなぜですか?-jsチュートリアル-php.cn

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

Patricia Arquette

リリース： 2024-10-22 07:10:03

オリジナル

761 人が閲覧しました

Why Does JavaScript onclick Function Trigger Prematurely When Parentheses Are Used?

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 サイトの他の関連記事を参照してください。