JavaScript의 click()이 사전 바인딩 없이 링크 클릭을 트리거하지 않는 이유는 무엇입니까?

JavaScript의 click()이 사전 바인딩 없이 링크 클릭을 트리거할 수 있나요?

jQuery의 click() 함수를 사용하여 링크 클릭을 시뮬레이션하려고 할 때 , 특히 이벤트 핸들러가 이전에 링크에 바인딩되지 않은 경우 사용자는 동작의 불일치를 관찰했습니다. 'a' 링크를 쿼리하고 사전 바인딩 없이 $('a').click()을 호출하면 브라우저의 기본 클릭 핸들러가 예상되는 트리거와는 반대로 아무 작업도 발생하지 않는 것 같습니다.

예기치 않은 이벤트 동작

추가로 관찰하면 다음 코드에 예시된 것처럼 핸들러 자체가 비어 있더라도 이벤트 핸들러를 설정하면 이 비정상적인 동작이 사라지는 것으로 나타났습니다.

$('a').click(function(){return true;}).click();

이 메서드를 적용하면 예상한 링크 클릭, 링크된 페이지를 직접 클릭한 것처럼 이동합니다.

설명 및 대안

사용자가 처음 관찰한 것과는 달리, 이런 이상한 행동은 일어나지 않는다고 판단했습니다. 이벤트 핸들러를 바인딩하지 않고 click()을 호출하면 항상 브라우저의 기본 작업이 트리거되어야 합니다. 그렇지 않은 경우 코드의 다른 곳에 문제가 있음을 나타냅니다.

click() 대신 바닐라 JavaScript를 사용하여 링크 클릭을 직접 시뮬레이션하는 것을 고려해 보십시오.

document.getElementById("a_link").click()

이것은 메서드는 jQuery와의 잠재적인 충돌을 우회하고 원하는 동작을 보장합니다.

위 내용은 JavaScript의 click()이 사전 바인딩 없이 링크 클릭을 트리거하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!