괄호를 사용할 때 JavaScript onclick 함수가 조기에 트리거되는 이유는 무엇입니까?

JavaScript onclick 함수가 너무 일찍 트리거되었습니다.

태그가 클릭 시 함수를 실행하도록 의도되었지만 사용자는 페이지 로드 시 함수가 잘못 호출되는 시나리오에 직면할 수 있습니다. 이는 원하는 클릭 이벤트가 올바르게 작동하는 것을 방해합니다.

일반적인 함정은 onclick 속성을 할당할 때 괄호를 부적절하게 사용하는 것입니다. 함수를 즉시 실행하는 sentNode.onclick = secondFunction() 대신 올바른 구문은 sentNode.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 중국어 웹사이트의 기타 관련 기사를 참조하세요!