텍스트 박스에서 엔터키 입력하면 이벤트 처리 되도록 하자.

간단하다.

소스를 첨부한다.


<table border="0" cellspacing="0" cellpadding="0"> <tr height="20"> <td style="padding:0 0 0 5"><input name="userId" type="text" style="width:87px; height:17px" tabindex="1" value="" class="change_input"></td> <td rowspan="2"><a href="javascript:loginLeft();"><img src="/images/sub/login_btn.gif" width="43" height="38" hspace="3" tabindex="3"></a></td> </tr> <tr height="20"> <td style="padding:0 0 0 5"><input name="userPassword" type="password" style="width:87px; height:17px" tabindex="2" class="change_input" onKeyPress="if (event.keyCode==13){ loginLeft();event.returnValue=false}"></td> </tr> <tr height="20"> <td colspan="2" class="s"> <input type="radio" name="isPart" value="0" checked><font color="#3d3d3d">법인회원</font> <input type="radio" name="isPart" value="1" ><font color="#3d3d3d">개인회원</font> </td> </tr> <tr height="20"> <td colspan="2" class="s" valign="middle"><input type="checkbox" name="idsave" value="Y"><font color="#3d3d3d"> 아이디 저장</font></td> </tr> <tr height="25"> <td colspan="2"><a href="javascript:findUserInfo('');"><img src="/images/sub/login_01.gif"></a> <a href="/member/MemberJoinPart.do"><img src="/images/sub/login_02.gif"></a></td> </tr> </table>

위 소스 중에서 엔터키 입력시 이벤트 처리하는 코드는 아래와 같다.

onKeyPress="if (event.keyCode==13){ loginLeft();event.returnValue=false}"

해당 코드를 원하는 input 태그에 입력하면 끝~