1. 양식 양식에 <input type = "text"name = "name"이 하나만 있으면 Enter를 눌러 자동으로 양식을 제출하십시오.
코드 사본은 다음과 같습니다.
<form id = "form1"action = "post.php"method = "post">
<입력 유형 = "text"name = "name" />
</form>
다른 것을 추가하십시오
코드 사본은 다음과 같습니다.
<입력 유형 = "텍스트" />
Enter를 누르면 자동으로 제출하지만 페이지에 알려지지 않은 입력 상자를 표시하는 것이 어색합니다. 나중에 인터넷에서 두 가지 솔루션을 찾았습니다.
(1) 하나를 추가하십시오
코드 사본은 다음과 같습니다.
<입력 스타일 = "디스플레이 : 없음;" 타입 = "텍스트" />
입력 상자는 표시되지 않으며 입력 후에 제출되지 않습니다.
코드 사본은 다음과 같습니다.
<form id = "form1"action = "post.php"method = "post">
<입력 유형 = "text"name = "name" />
<입력 스타일 = "디스플레이 : 없음" />
</form>
(2) OnkeyDown 이벤트를 추가 한 다음 Enter를 누르면 표시되지 않습니다.
코드 사본은 다음과 같습니다.
<form id = "form1"action = "post.php"method = "post">
<입력 유형 = "text"name = "name"onkeydown = "if (event.keyCode == 13) 거짓;"/>
</form>
캐리지 리턴 이벤트를 추가하려면 OnkeyDown 이벤트에서 판단 제출 양식을 추가 할 수 있습니다.
코드 사본은 다음과 같습니다.
<form id = "form1"action = "post.php"method = "post">
<입력 스타일 = "디스플레이 : 없음" />
<입력 유형 = "text"name = "name"onkeydown = "if (event.keyCode == 13) {goSubmit ();}" />
</form>
때때로 우리는 입력 키가 입력 요소에 양식을 제출하기를 원하지만 때로는 원하지 않습니다. 예를 들어, 검색 동작은 키워드를 입력 한 직후에 ENTER를 눌러 ENTER를 눌러 양식을 제출하려고합니다. 일부 복잡한 양식의 경우 양식이 채워지기 전에 양식을 작성할 때 Enter 키의 오류 작동을 피하고 양식 제출을 트리거해야 할 수도 있습니다.
이러한 행동을 제어하려면 JS를 사용할 필요가 없습니다. 브라우저는 이러한 처리에 도움이되었습니다. 몇 가지 규칙은 다음과 같습니다.
양식에 유형 = "제출"버튼이 있으면 Enter 키가 적용됩니다.
형식에 = "텍스트"가있는 입력이 하나만 있으면 버튼이 어떤 유형인지에 관계없이 Enter 키가 적용됩니다.
버튼이 입력을 사용하지 않고 버튼을 사용하지 않고 유형이 추가되지 않으면 기본값은 IE의 Type = 버튼이며 기본값은 fx로 제출됩니다.
Textarea 및 Select Do Not 영향, Radio Checkbox는 트리거 규칙에 영향을 미치지 않지만 FX에서 Enter 키에 응답하며 IE에 응답하지 않습니다.
type = "image"의 입력은 type = "제출"과 동일한 효과를 갖습니다. 이 유형이 왜 설계되었는지 모르겠으며 사용하는 것이 좋습니다. CSS를 사용하여 배경 이미지를 추가하는 것이 적절합니다.