2017-02-16 20 views
-1

나는 firefox에서 응용 프로그램을 테스트하고 있습니다. 내가 탭을 누르면 파이어 폭스의 시체가 초점을 맞 춥니 다. 탭을 다시 누르면 머리글의 다음 항목이 나타납니다. 이제 다음 항목이 포커스를 가지고있는 동안 Shift + Tab을 누르면 몸으로 돌아가고 Shift + Tab을 다시 누르면 같은 항목으로 돌아옵니다. Shift + Tab 키를 계속 누르면 바를 주소 지정으로 이동하지 않고 본문과 다음 항목 사이를 반복합니다. 그것이 내가 활성 요소tabindex -1 firefox에서 작동하지 않습니다

%body{tabindex: -1} 

내가 몸하지만 행운에 tabindex: -1-moz-user-focus: ignore를 사용하여 시도를 검사 할 때 나 몸에 초점을 보여주고 있기 때문에

나는 몸에 코드를 추가. 다른 브라우저에서는이 문제가 발생하지 않습니다.

어떻게하면이 문제를 해결할 수 있습니까?

+0

'의 tabindex에 대해 설명 an article의 : -1' - 당신이 CSS에서 tabindex를 설정하려고하는 것처럼 보입니다 - 탭/시프트 탭을 사용하여 초점을 맞추기 위해 시체를 얻을 수 없다고 말했던 것 같습니다. , 당신은 코드에서 뭔가 잘못 했어야합니다 –

+0

죄송합니다. html.haml 파일에 tabindex -1을 추가했습니다. 내가 사용할 수있는 다른 속성이 있습니까? – User7354632781

+0

'html.haml 파일에 tabindex -1을 추가했습니다. '- 죄송 합니다만, 그 의미가 무엇인지 전혀 모릅니다. 아마도 "코드"의 관련 부분을 보여줄 수 있습니다. * 주석 코드가 일반적으로 읽을 수 없기 때문에 * –

답변

2

구문이 완전히 잘못되었습니다.

tabindex은 HTML 속성입니다.

  • 이 같이 직접 HTML에 추가 : <input type="text" tabindex="2">
  • 또한이 같은 set via JavaScript 수 있습니다 :이 설정하는 방법에는 두 가지가 있습니다 objectReference.tabIndex = 2;

<body> 요소 수 처음에는 초점을 얻지 못하기 때문에 내가 무엇을보고 있는지 확신 할 수 없습니다.

마지막으로, 파이어 폭스와의 tabindex 알려진 문제가 있습니다 :

여기에 크로스 브라우저의 tabindex에게