2012-01-26 3 views
0

크롬 브라우저 탭 키가 제대로 작동하지 않습니다.크롬 탭 키가 제대로 작동하지 않습니다.

내 사이트에 두 개의 입력 텍스트 필드를 사용하고 있습니다.

<div> 
    <input type="text" tabindex="1" 
      class="loginBox valid" name="userName" id="userName"> 
</div> 
<div> 
    <input type="password" id="password" name="password" 
      class="loginBox" tabindex="2"> 
</div> 

스타일 : 배경, 테두리, 폭, 불투명도.

크롬 키에서 탭 키를 사용하는 동안 탭 키를 처음 클릭 할 때 두 번째 필드로 이동하지 않습니다. Tab 키를 두 번째로 누르는 중입니다.

하지만 크롬과 사파리를 제외한 모든 브라우저에서 정상적으로 작동합니다.

+0

문제의 코드와 동일합니까? 또는 우리에게 보여주기 위해 코드에 참여 했습니까? –

+0

이 작동합니다. 귀하의 페이지에 더 많은 코드 또는 링크를 게시해야합니다. js가 방해를하고있는 건가요? – mrtsherman

+0

고마워 ..하지만 그것의 작동하지 않는 일부 .. 어디서 어떻게 jquery –

답변

0

은 크롬에서 잘 동작하는 것 18/dev에 맥 : http://jsfiddle.net/uxwv7/

+0

yes.its를 사용하여 탭 키를 작동하도록 내 애플 리케이션에서 this.but에서 잘 작동합니다. 레이블 입력 필드 –

+0

안에? 입력 필드가'label' 안에 있다는 것을 의미합니까? 어느 쪽이든,'tabindex'는'input' 태그의 속성으로 남아 있어야합니다. – Tim

+0

. 내 코드가이 순서로 정렬됩니다. i는 불투명도를 사용하여 자리 표시 자 (자리 표시 자 아님)의 페이드 텍스트와 같이 입력 된 텍스트를 볼 수 있도록 레이블을 조정했습니다. –

1

모두 입력 태그에 그의 tabindex 필드를 삭제!

1

나는 내가 사용했던 모든 브라우저에서 같은 문제가있었습니다.

  1. Google Chrome (dev console)에 F12 키를 누릅니다.
  2. 는 개발자 콘솔을 열고 "콘솔"탭으로 신청서
  3. 를 열고 울부 짖는 코드를 입력 :

setInterval(function() {console.log(window.onkeydown)}, 1000);

는 자바 스크립트 콘솔이 "window.onkeydown 인쇄됩니다 "함수에서이 함수가 무시되지 않으면 콘솔에"null "값이 표시됩니다. window.onkeydown을 재정의하는 UI 라이브러리를 사용하는 경우이 콜백을 재정의 한 이벤트를이 콘솔에서 식별하게됩니다.

필자는 각도와 부트 스트랩이있는 모달 구성 요소를 사용하고 있습니다. 모달을 표시 할 때 타사 라이브러리에서 "window.onkeydown"이벤트를 변경하고 일부 키를 차단하여 내 화면으로 전달합니다.

관련 문제