Node.js는 주류 browsers_javascript 기술과 호환되는 예시로 양식 클릭 및 제출을 시뮬레이션합니다.-JS 튜토리얼-php.cn

실제 애플리케이션 개발에서는 JS 모듈 이벤트를 자주 사용하지만 때로는 클릭 이벤트와 같은 문제가 발생할 수 있습니다. 간단한 예를 들어 양식 외부에서 "제출" 버튼을 클릭하여 양식을 제출합니다. 코딩해보자.

Html:

코드 복사 코드는 다음과 같습니다.

< ;h3> "제출"을 클릭하시면 테스트 제출 버튼 클릭 이벤트도 발생됩니다.

Javscript:

코드 복사 코드는 다음과 같습니다.

 
테스트 결과 IE, FF, Chrome, Opera, Safari에서는 문제가 없으며 정상적으로 폼 제출이 가능합니다.

그러나 실제 디자인에서는 제출 버튼을 더 보기 좋게 만들기 위해 빌더에서 태그를 사용하여 처리하고 배경 이미지를 추가하여 버튼을 시뮬레이션하는 경우가 많습니다. 양식을 제출하기 위한 태그만 있으면 html만 수정됩니다.

Html:

코드 복사 코드는 다음과 같습니다. < ;h3> "제출"을 클릭하시면 테스트 제출 버튼 클릭 이벤트도 발생됩니다.

Javascript:

코드 복사

코드는 다음과 같습니다.

실행 후 문제가 발생했습니다. IE, FF, Opera는 모두 정상이지만 나중에 Chrome과 Safari가 정상적으로 실행되지 않습니다. 온라인으로 검색한 결과 레이블에 버튼과 동일한 onclick() 이벤트가 없음을 발견했습니다. 해결 방법은 IE 및 FF에 대해 서로 다른 논리를 작성하는 것입니다.
javascript:

코드 복사

코드는 다음과 같습니다.