앵커 태그 생성 중 Javascript OnClickListener 함수의 즉시 호출을 방지하는 방법은 무엇입니까?

즉시 트리거되는 Javascript OnClickListener 함수

기존 링크의 모양을 모방하지만 링크가 아닌 기능을 트리거하는 앵커 태그를 생성하려고 할 때 새 페이지로 리디렉션되면 사용자 입력에 관계없이 링크 생성 시 onclick 함수가 호출됩니다. 이렇게 하면 이후에 링크를 수동으로 클릭하는 일이 방지됩니다.

문제는 onclick 기능의 부적절한 구현에 있습니다. 실제 함수 자체(secondFunction())를 할당하는 대신 올바른 구문은 함수(secondFunction)를 참조하는 것입니다. 이렇게 하면 선언 시가 아니라 onclick 이벤트가 발생할 때만 함수가 호출됩니다.

이를 수정하려면 다음을

<code class="javascript">sentNode.setAttribute('onclick', secondFunction());</code>

다음으로 바꾸세요.

<code class="javascript">sentNode.onclick = secondFunction();</code>

이것은 클릭 시 호출될 수 있도록 secondFunction 함수에 대한 참조를 전달합니다. 수정된 코드는 다음과 같이 나타나야 합니다.

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

    //Add new element to parent
    var parentNode = document.getElementById('parent');
    var childNode = document.getElementById('sendNode');
    parentNode.insertBefore(sentNode, childNode);
}</code>

이 단계를 따르면 onclick 함수가 올바르게 할당되어 링크 생성 시 즉시 호출하지 않고도 링크가 의도한 대로 작동할 수 있습니다.

위 내용은 앵커 태그 생성 중 Javascript OnClickListener 함수의 즉시 호출을 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!