>웹 프론트엔드 >JS 튜토리얼 >javascript Enter 키를 눌러 해당 버튼을 눌러 event_javascript 기술을 제출하세요.

javascript Enter 키를 눌러 해당 버튼을 눌러 event_javascript 기술을 제출하세요.

WBOY
WBOY원래의
2016-05-16 18:42:331157검색

1. 제출 버튼을 사용하여 양식 양식의 onsubmit 이벤트에 대해 제출하고 양식 확인을 수행합니다.





2. 버튼 사용 또는 이미지의 onclick 이벤트가 양식 확인 코드를 호출합니다.


< input type="button" name="button" id="button" onclick="javascript:onSub();"

< img src="image path" onclick="javascript:onSub ();" />


단, 두 번째 방법을 사용하여 양식을 제출하는 경우 Enter 키를 눌러 양식을 제출할 수 없습니다. 양식을 작성합니다. 이는 고객에게 제출 버튼을 직접 사용하여 양식을 제출하는 것과는 다른
느낌을 줍니다. 이 기능을 구현하려면 페이지에 다음 자바스크립트 코드를 추가하기만 하면 됩니다.


function butOnClick() {
if (event.keyCode == 13) {
var 버튼 = document.getElementById("bsubmit"); //bsubmit은 하단 버튼의 ID입니다.
button.click()
return false; >

양식의 마지막 입력 항목에서 onkeydown 이벤트를 트리거하고 butOnClick() 함수를 호출합니다. 예를 들어 로그인 프로그램의 마지막 항목이 비밀번호인 경우

< ;input type="password" name= "userPwd" onkeydown="javascript:butOnClick();" />
이런 식으로 비밀번호를 입력한 후 Enter 키를 누르면 양식 확인이 완료됩니다. 로그인 작업(사용자 이름과 비밀번호가 올바른 경우) 개인적인 요약이니 공유해주세요

모두와 공유해주세요!
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.