Form Form의 submit 이벤트가 응답하지 않는 문제 해결_Form 특수효과

1. 문제 설명
유추적으로 input.select()를 사용하여 테스트했는데 select 이벤트에 응답할 수 있었습니다. 지금은 이러한 이유를 제쳐두고 먼저 현재 문제를 해결하는 방법을 살펴보겠습니다.
이벤트에 응답하지 않는 코드 예:

<form id="form1" action="http://www.jb51.net"></form>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

In 실제 작동 중에는 경고가 나오지 않습니다.
submit 메소드를 사용하여 양식을 제출하는 것은 Unobtrustive Javascript의 원칙에 어긋나지만 때로는 필요한 경우가 있습니다. 예를 들어 검색 프롬프트(자동 완성)를 만들고 항목을 선택할 때 JS를 사용하여 제출해야 합니다. 검색 양식. 2. 문제 분석

이러한 이벤트는 이벤트에 응답하지 않으므로 수동으로만 트리거할 수 있습니다. 수동 트리거 계획을 결정하기 전에 이벤트 등록 방법을 검토하세요.
"원래. " 등록하는 방법에는 두 가지가 있습니다. 코드 예를 참조하세요.

<form id="form1" action="http://www.jb51.net" onsubmit="alert(1)"> </form> <form id="form1" action="http://www.jb51.net"></form>
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

이러한 등록 이벤트는 양식 제출 시 메서드를 추가합니다. 따라서 이 메서드를 직접 실행할 수 있으며 이는 이벤트를 수동으로 트리거하는 것과 같습니다.

코드 예제 보기:

[Ctrl A Select All 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]
이것은 방법으로 알림을 받을 수 있습니다.
하지만 오늘날의 "고급" DOM2 표준 등록 방법과 IE의 등록 방법인 attachmentEvent는 이미 널리 사용되고 있습니다. 이러한 등록 방법의 경우 onsubmit 방법이 존재하지 않습니다. form.onsubmit()을 사용하면 오류가 직접 보고됩니다.
3. 솔루션

물론 "고급" 등록 방법 자체도 이벤트를 수동으로 트리거하는 솔루션을 제공하지만 DOM2 표준과 IE에 대해 다른 프로그램을 작성해야 합니다. 이 프로그램은 "원래" 등록 방법에도 동일하게 적용됩니다. 코드 예제를 참조하세요:

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

4 . 코드 요약여기에서는 각 방법에 대해 자세히 설명하지 않습니다. 익숙하지 않은 친구들은 직접 관련 정보를 확인해야 합니다. 전체 코드를 하나로 연결해 보겠습니다. <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title> </title> <form id="form1" action="http://www.jb51.net">鞝滌稖</form>