JavaScript가 HTML 선택 드롭다운 메뉴를 프로그래밍 방식으로 열 수 있습니까?

JavaScript 프로그램이 HTML Select 요소에서 드롭다운 메뉴를 자동으로 열 수 있습니까?

이전에는 프로그래밍 방식으로 JavaScript와 마우스 이벤트 시뮬레이션의 조합을 사용하는 HTML 선택 요소의 드롭다운입니다. 그러나 이 방법은 더 이상 사용되지 않으며 더 이상 작동하지 않습니다.

더 이상 작동하지 않는 이유

HTML5용 W3C 작업 초안에는 , 요소에서 클릭 활성화 단계를 실행하여 클릭 외 활성화에 응답해야 합니다. 이는 프로그래밍 방식의 클릭 시뮬레이션이 작동해야 함을 의미합니다.

역사적 개념 증명

Trotz는 MouseEvent 객체를 생성하고 이를

요소로 인해 실제로 드롭다운이 발생했습니다. 이는 작동하는 Fiddle에서 시연되었습니다.

showDropdown = function(element) {
  var event;
  event = document.createEvent('MouseEvents');
  event.initMouseEvent('mousedown', true, true, window);
  element.dispatchEvent(event);
};

현재 제한 사항

안타깝게도 이 방법은 Chrome에서만 지원되며 더 이상 최신 브라우저에서는 작동하지 않습니다. 따라서 프로덕션 코드에 의존하는 것은 권장되지 않습니다.

위 내용은 JavaScript가 HTML 선택 드롭다운 메뉴를 프로그래밍 방식으로 열 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!