실제 애플리케이션 개발에서는 JS 모듈 이벤트를 자주 사용하지만 때로는 클릭 이벤트와 같은 문제가 발생할 수 있습니다. 간단한 예를 들어 양식 외부에서 "제출" 버튼을 클릭하여 양식을 제출합니다. 코딩해보자. Html: 코드 복사 코드는 다음과 같습니다. < ;h3> "제출"을 클릭하시면 테스트 제출 버튼 클릭 이벤트도 발생됩니다. 제출 ;input type="text" name="site" value="www.woiweb.net" readonly/> Javscript: 코드 복사 코드는 다음과 같습니다. var sub = document.getElementById ("subtn"); <br>var btn = document.getElementById("btn"); <br>//일반 방법<br>btn.onclick = function() { <br>sub.click(); >} <br> 테스트 결과 IE, FF, Chrome, Opera, Safari에서는 문제가 없으며 정상적으로 폼 제출이 가능합니다. 그러나 실제 디자인에서는 제출 버튼을 더 보기 좋게 만들기 위해 빌더에서 태그를 사용하여 처리하고 배경 이미지를 추가하여 버튼을 시뮬레이션하는 경우가 많습니다. 양식을 제출하기 위한 태그만 있으면 html만 수정됩니다. Html: 코드 복사 코드는 다음과 같습니다. < ;h3> "제출"을 클릭하시면 테스트 제출 버튼 클릭 이벤트도 발생됩니다. 제출 ;input type="text" name="site" value="www.woiweb.net" readonly/> 제출 버튼 시뮬레이션 Javascript: 코드 복사 코드는 다음과 같습니다. = document.getElementById ("subtn"); </span>var btn = document.getElementById("btn"); </div>//일반 방법<div class="codebody" id="code40476">btn.onclick = function() { <br>sub.click( ); <br>} <br> 실행 후 문제가 발생했습니다. IE, FF, Opera는 모두 정상이지만 나중에 Chrome과 Safari가 정상적으로 실행되지 않습니다. 온라인으로 검색한 결과 레이블에 버튼과 동일한 onclick() 이벤트가 없음을 발견했습니다. 해결 방법은 IE 및 FF에 대해 서로 다른 논리를 작성하는 것입니다. javascript: 코드 복사 코드는 다음과 같습니다. = document.getElementById("subtn"); </a>var btn = document.getElementById("btn"); </span>//일반 방법</div>btn.onclick = function() { <div class="codebody" id="code39408">//sub. click(); <br>if (/msie /i.test(navigator.userAgent)) //IE <br>{ <br>sub.fireEvent("onclick") <br>} else { <br>var e = document.createEvent('MouseEvent'); <br>e.initEvent('click', false, false) <br>sub.dispatchEvent(e); <br>} <br>< /스크립트> <br><br><br>이제 문제는 해결되었습니다. 이 문제는 매우 간단하지만 모든 사람이 쉽게 무시할 수 있도록 게시했습니다. <br><br>구문: <br><br>createEvent(eventType) <br><br>매개변수 설명 <br><br>eventType 가져오려는 이벤트 개체의 이벤트 모듈 이름입니다. 유효한 이벤트 유형 목록은 설명 섹션을 참조하세요. <br><br>반환 값 <br><br>지정된 유형으로 새로 생성된 이벤트 개체를 반환합니다. <br><br>발생<br><br>구현이 필수 이벤트 유형을 지원하는 경우 이 메소드는 코드 NOT_SUPPORTED_ERR과 함께 DOMException을 발생시킵니다. <br><br>설명 <br><br>이 메소드는 eventType 매개변수로 지정되는 새 이벤트 유형을 생성합니다. 이 매개변수의 값은 생성될 이벤트 인터페이스의 이름이 아니라 해당 인터페이스를 정의하는 DOM 모듈의 이름입니다. <br><br>다음 표에는 eventType의 유효한 값과 각 값에 의해 생성되는 이벤트 인터페이스가 나열되어 있습니다. <br><br>매개변수 이벤트 인터페이스 초기화 방법<br>HTMLEvents HTMLEvent iniEvent() <br>MouseEvents MouseEvent iniMouseEvent( ) <br>UIEvents UIEvent iniUIEvent() <br><br>이 메소드를 사용하여 Event 객체를 생성한 후에는 위 표에 표시된 초기화 방법을 사용하여 객체를 초기화해야 합니다. 초기화 방법에 대한 자세한 내용은 이벤트 개체 참조를 참조하세요. <br><br>이 메소드는 실제로 Document 인터페이스가 아니라 DocumentEvent 인터페이스에 의해 정의됩니다. 구현이 Event 모듈을 지원하는 경우 Document 객체는 DocumentEvent 인터페이스를 구현하고 이 메서드를 지원합니다.</div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
