링크를 클릭할 때가 아니라 페이지 로드 시 onclick 핸들러가 트리거되는 이유는 무엇입니까?

Javascript: onclick 핸들러의 예기치 않은 호출

앵커 태그와 유사하지만 사용자 정의 기능을 실행하는 링크를 생성하려고 하면 onclick 함수는 페이지 로드 시 즉시 호출되어 후속 클릭이 무효화됩니다.

설명:

제공된 코드 조각에서:

<code class="javascript">var sendNode = document.createElement('a');
sendNode.setAttribute('onclick', secondFunction());</code>

행 setAttribute('onclick', secondFunction())이 올바르지 않습니다. 즉시 secondFunction 함수를 실행하고 반환 값(일반적으로 정의되지 않음)을 onclick 속성에 할당합니다. 그러면 secondFunction이 즉시 호출됩니다.

해결책:

secondFunction을 이벤트 핸들러로 올바르게 할당하려면 올바른 구문은 다음과 같습니다.

<code class="javascript">var sendNode = document.createElement('a');
sendNode.setAttribute('onclick', secondFunction);</code>

이렇게 하면 secondFunction을 호출하기 전에 요소에서 클릭 이벤트를 기다리는 이벤트 리스너가 생성됩니다.

위 내용은 링크를 클릭할 때가 아니라 페이지 로드 시 onclick 핸들러가 트리거되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!