클라이언트께서 프로젝트 작업시 목록의 텍스트박스에 데이터를 입력할 때 상하좌우 키를 이용하여 커서를 전환해야 하고 엔터키를 누르면 커서가 이동하도록 요청하셨습니다. 다음 텍스트 상자. 이렇게 하면 항상 마우스를 사용하지 않아도 되고 작업이 더욱 편리해집니다. 말도 안 돼요. 코드를 시작해 보겠습니다. 코드 복사 코드는 다음과 같습니다. EnableModelValidation="True" Width="100%" PagerStyle-HorizontalAlign="Center"> <열> TemplateField HeaderText= "일련 번호"> > 코드 복사 코드는 다음과 같습니다. jquery 코드 </u>$(function() { </a>$("input").eq(0).focus(); </span>$("input [type='text']").keydown(function() { </div>var key = event.keyCode; <div class="codebody" id="code36505">switch(key) { <br>case 37: //left <br>{ <br> if ($(this).parent().prev().length >= 1) { <br>$(this).parent().prev().find("입력" ).focus(); <br>} <br>break; <br>} <br>case 38: //up <br>{ <br>if ($(this).parent().parent(). prev().length > = 1) { <br>$(this).parent().parent().prev().children().children().eq($(this).parent(). prevAll().length).focus(); <br>} <br>break <br>} <br>case 39: //right <br>{ <br>if ($(this).parent() .next().length > ;= 1) { <br>$(this).parent().next().find("input").focus() <br>} <br>break; >} <br>case 40 : //down <br>{ <br>if ($(this).parent().parent().next().length >= 1) { <br>$(this ).parent().parent ().next().children().children().eq($(this).parent().prevAll().length).focus() <br>} <br>break; <br>} <br>case 13: //Enter <br>{ <br>event.keyCode=9 <br>break <br>} <br>기본값: <br>{ <br> break; <br>} <br>}) <br>}) <br><br> <br>완료!</div>