HTML FORM에 어떤 제출자 핸들러가 있는지 알아 보는 방법은 무엇입니까?

Question

저는 Enter 키를 누르면 자동으로 양식을 제출하는 Chrome을 사용하고 있습니다.

두 페이지가 서로 다른 페이지에 있으며 둘 다 입력/출력 버튼이 없습니다. 두 양식 모두 비슷한 (텍스트) 입력을가집니다.

FORM 1은 Enter 키를 누르면 자동으로 데이터를 제출합니다. 반면에 FORM 2는 그렇지 않습니다. 나는 이것이 왜 일어나는 지 알아 내야 만한다. 두 가지 형식에 연결된 처리기를 제출하는 방법을 알아낼 방법이 있습니까?

myForm.get(0).onsubmit (jQuery 사용)은 두 경우 모두 null을 반환합니다.

또는이 문제를 디버깅하는 다른 방법이 있습니까? (Chrome DevTools 등)

Answer 1

나는이 문제를 좀 더 연구했으며 문제는 단 하나의 텍스트 입력 만있는 FORM을 중심으로 이루어졌다.

FORM 1에는 텍스트 입력이 하나만 있습니다. FORM 2에는 2 개의 텍스트 입력이 있습니다. 따라서 Chrome에서는 FORM 1이 Enter에 제출됩니다. 나는 이미이 질문을했습니다 question here.

제 경우에는 폼에 핸들러를 추가하는 스크립트가 아니라 단순히 폼의 브라우저 특정 구현입니다. 예를 들어, IE는 이와 같이 동작하지 않습니다.

추신 : @KevinB 왜 Visual Effects에서 핸들러가 표시되지 않는지도 알 수 있습니다. 양식에 아무 것도 없었기 때문에.

Answer 2

Enter 키를 누르면 항상 첫 번째 양식이 기본값으로 설정됩니다. 당신이 스크립트에서 두 번째 양식을 제출 wnat 경우

다음이 필요합니다

하는 경우 - document.forms [1] .submit();