2009-10-15 3 views
0

기본적인 HTML 질문입니다. HTML 페이지에서 텍스트 상자의 Enter 키를 눌러 포커스를 다음 컨트롤로 이동할 때 선언적으로 동작을 구현할 수 있습니까? 어떻게 그것을 성취합니까? 아니면 동적 자바 스크립트 부분이 여기에 연관되어야합니까?HTML : 'Enter 키를 누를 때 다음 컨트롤로 포커스 이동'동작을 결정하는 이유

<html> 
<body> 
<form> 
<table> 
<tr><td> 
<input type="text" name="i1"/> 
<td></tr> 
<tr><td> 
<input type="text" name="i2"/> 
<td></tr>  
</table> 
</form> 
</body> 
</html> 

를 내가이 제거해야하는 페이지가 '포커스를 이동 :

는 exaple를 들어, IE7에서 다음 HTML을 입력하여 다음 텍스트 상자로 포커스로 이동하는 것을 허용하지 않습니다 Enter '가 눌려지면 다음 컨트롤로 이동합니다.

@Edit는 : 위의 예는 잘못된 것으로 밝혀졌습니다. 이 동작을 피하고자하는 페이지에서 Enter 키를 누를 때 포커스가 점프되는 컨트롤은 실제로 유형을 제출하는 것입니다. 이상한 것은이 "제출"이 Telerik 트리 컨트롤의 일부이며 제출 버튼이 아니라 트리 구조를 축소하고 확장하는 데 사용되는 화살표입니다. 그래서 나는 브라우저가 내 경우에는 사실이 아닌 정상적인 제출 버튼이 될 것으로 기대하는 다음 제출 컨트롤로 포커스가 이동한다고 가정합니다.

그래서 Telerik 특유의 솔루션을 찾아야한다고 생각합니다.

+1

, 당신은 탭을 찾으시는 것입니까? – SilentGhost

+0

기본 동작을 위반하는 것은 내게 필요한 옵션 관점에서 매우 나쁜 습관입니다. 기존의 키보드 비헤이비어는 장애가있는 많은 사용자가 사용합니다. – NickFitz

+0

불행히도 컨트롤이 기본적으로 동작하는 방식입니다. 나는 벤더에 대해 아무런 통제력이 없다. – axk

답변

0

< 입력 유형 = "텍스트"이름 = "I1"의 tabindex = "[주문 번호]"나는 보통에서 이러한 것들을 조회/>

: 대부분의 브라우저에서 http://start.gotapi.com/

+0

질문은 탭 순서를 설정하는 것이 아니라 Enter 키를 누를 때 포커스 변경을 결정하는 것이다. – axk

1

때 Enter 키를 눌러 양식 내에 초점을 맞추면 양식이 제출됩니다. Enter를 눌러 다음 텍스트 상자로 이동하도록이 동작을 변경해야하는 경우 javascript를 사용해야합니다.

이 시도

: 누르면 양식이 제출되는 입력하면 (javascript.internet.com의 제공)

http://javascript.internet.com/forms/tab-key-emulation.html

+0

제안 해 주셔서 감사합니다. 실제로이 일이 발생합니다. 포커스가 "submit"유형의 입력 컨트롤로 이동합니다. – axk

관련 문제