JavaScript에서 클릭 이벤트를 안정적으로 시뮬레이션하는 방법은 무엇입니까?

JavaScript에서 클릭 이벤트를 시뮬레이션하는 방법

JavaScript에서 클릭 이벤트를 시뮬레이션하는 방법은 다양합니다. 일반적인 접근 방식 중 하나는 대상 요소에 click() 메서드를 사용하는 것입니다. 그러나 이 방법은 all 속성을 지원하는 브라우저에서만 작동합니다.

브라우저 간 호환성을 위해 다음 코드를 사용할 수 있습니다.

function simulateClick(control) {
  if (document.all) {
    control.click();
  } else {
    var evObj = document.createEvent('MouseEvents');
    evObj.initMouseEvent('click', true, true, window, 1, 12, 345, 7, 220, false, false, true, false, 0, null );
    control.dispatchEvent(evObj);
  }
}

이 함수는 요소를 인수로 사용합니다. 합성 클릭 이벤트를 생성합니다. 브라우저가 all 속성을 지원하는 경우 기본 click() 메서드를 사용합니다. 그렇지 않으면 사용자 정의 이벤트 객체를 생성하여 요소에 전달합니다.

그러나 이 코드가 작동하지 않는다고 언급하셨습니다. 함수가 올바르게 호출되고 있습니까? HTML에서 요소 ID를 다시 확인하셨나요?

계속 문제가 발생하는 경우 더 간단한 접근 방식을 시도해 볼 수 있습니다.

document.getElementById('elementID').click();

이 코드는 모든 최신 브라우저에서 작동합니다. IE도 포함됩니다.

위 내용은 JavaScript에서 클릭 이벤트를 안정적으로 시뮬레이션하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!