2013-12-11 2 views
0

나는이 같은 디자인을 만들었지 만, Tabindex는 작동하지 않습니다.이 부분을 확인하고 알려주십시오.html의 제출 버튼에 탭 색인이 작동하지 않습니까?

<input id="id" type="text" value="" class="input" tabindex="1"/> 
    <input id="userName" type="text" value="" tabindex="2"/> 
<input type="button" value="search" onclick="searchbyrole()" tabindex="3"/> 

사용자 이름을 입력 한 후 Enter를 누르지 않으면 검색 동작이 시작됩니다. 왜 tabindex가 제대로 실행되지 않는지 알려주십시오.

+0

- 난 그냥 확인하기 위해 인덱스를 변경 : http://jsfiddle.net/9bhsn/ 당신이 정말로 필요하십니까 'tabindex'를 사용합니까? 필드를 모두 사용하려는 순서대로 마크 업에 포함 시키면 완전히 생략하지 않는 것이 좋습니다. –

+0

코드는 문제를 재현하지 않습니다. 실제로 문제를 입증하는 최소한의 문서를 제공해주십시오. 또한 테스트 된 브라우저를 지정하십시오. –

답변

0

당신이 코드로 작업을 수행 할 수 있습니다

<script type="text/javascript"> 
    $(document).bind('keydown', function (e) { 
     if (e.which === 13) { // return 
      $('#IdOfTheButton').trigger('click'); 
     } 
    }); 
</script> 
나에게 작동하는 것 같다
관련 문제