2017-02-16 2 views
-1

Я тестирую приложение в firefox. Когда я нажимаю вкладку, она фокусирует тело Firefox. Если я снова наберу, то следующий элемент в заголовке. Теперь, когда следующий элемент имеет фокус, если я делаю shift + tab, он возвращается к телу, и если я снова сдвигаю + вкладку, он возвращается к тому же элементу. Он не перемещал фокус на адресную строку и не переходил между телом и следующим элементом, если я продолжаю нажимать shift + tab.tabindex -1 не работает в firefox

Я добавил код на тело, так как он показывает мне сосредоточиться на теле, когда я проверил для активного элемента

%body{tabindex: -1} 

Я попытался с помощью tabindex: -1 и -moz-user-focus: ignore на теле, но не повезло. Я не получаю эту проблему с другими браузерами.

Любая идея, как я могу исправить эту проблему?

+0

'TabIndex: -1' - похоже, что вы пытаетесь установить tabindex в CSS - сказал, что я не могу получить тело, чтобы получить фокус, используя вкладку/сдвиг-вкладку , так что вы, должно быть, сделали что-то не так в своем коде –

+0

извините, я новичок в этом. Я добавил tabindex -1 в файл html.haml. есть ли другой атрибут, который я могу использовать? – User7354632781

+0

'Я добавил tabindex -1 в файл html.haml' - извините, но я понятия не имею, что это значит - возможно, покажет соответствующий фрагмент кода - * желательно добавить в вопрос, потому что в коде комментария вообще нечитабельно * –

ответ

2

Ваш синтаксис совершенно неверен.

tabindex - это атрибут HTML. Есть два способа установить это:

  • Добавьте его непосредственно в HTML, как: <input type="text" tabindex="2">
  • Он также может быть set via JavaScript так: objectReference.tabIndex = 2;

<body> элемент может Во-первых, я получаю фокус, поэтому я не уверен, что вы там видите.

Наконец, есть известные проблемы с Firefox и TabIndex:

Вот an article что обсуждает кросс-браузерный TabIndex

Смежные вопросы