Как проверить все элементы на отсутствие фокуса?

Question

[gcj]

Приветствую, следующий код:

$(document).keyup(function(event){
	var $srchForm = $("input#search-form"),
	$lnk_logo = $("a.lnk-logo");
	if (event.keyCode == 9 && $lnk_logo.is(":focus")) {
		$srchForm.focus();
	}
});

Если нажат Tab (код: 9) и фокус установлен на a.lnk-logo, то выполняется некоторое действие.
Задача
Организовать условие: если нажат Tab и фокус ОТСУТСТВУЕТ на всех элементах страницы, то выполнять $srchForm.focus();

Спасибо.

Answer 1

[Константин Громов]

if (document.activeElement === document.body || document.activeElement === null) {
  // фокус не установлен
}

Answer 2

[Алексей Уколов]

!!$('*:focus').length
https://jsfiddle.net/2nwez7eq/

Comments

[gcj]

мне нужно конкретное условие, это немножко не то (

[Алексей Уколов]

А чем это неконкретное-то? Вы же просили "фокус ОТСУТСТВУЕТ на всех элементах страницы".

[gcj]

Алексей Уколов: желательно сохранить мой код, нажатая клавиша Tab играет важную роль, начать с этого. Условие такое, повторюсь: Если нажата клавиша Таб и фокус отсутствует на всех элементах страницы, то ставить фокус на $srchForm

[gcj]

Алексей Уколов: в качестве примера можете взять YouTube, там можно передвигаться по странице с помощью Tab, но если фокус отсутствует на всех элементах, то устанавливается фокус на поиске.

[Алексей Уколов]

Если вы не можете мой работающий код адаптировать под свои нужды, то вам с радостью помогут на фрилансе за небольшую сумму.

[gcj]

Алексей Уколов: очень жаль, ну ладно, в любом случае спасибо)

Answer 3

[Walt Disney]

https://developer.mozilla.org/en-US/docs/Web/API/D...

$(document).keyup(function(event){
  var $srchForm = $("input#search-form"),
  $lnk_logo = $("a.lnk-logo");
  if (event.keyCode == 9 && document.activeElement.tagName == 'BODY') {
    $srchForm.focus();
  }
});

Comments

[gcj]

тщетно

[Walt Disney]

gcj: что именно?
отсутствие фокуса на всех элементах страницы это и есть условие document.activeElement.tagName == 'BODY'
оно может не работать в вашем случае из за keyup, т.е. событие которое уже установило фокус куда то, поменяйте на keydown всё будет ок

[gcj]

Walt Disney: document.activeElement.tagName == 'BODY' возвращает false, если отсутствует фокус, поэтому условие не выполняется

[Walt Disney]

gcj: посмотрите где у вас фокус "при отсутствии фокуса", consol.log(document.activeElement)

[gcj]

Walt Disney: body

[gcj]

Walt Disney: хотя даже при значении true условие почему-то не выполняется)

[Walt Disney]

gcj: я не прав, для всех браузеров правильно document.activeElement === document.body || document.activeElement === null
вместе с keydown сработает

[gcj]

Walt Disney: спасибо большое, за предложенные варианты, но не работает

[Walt Disney]

gcj: вы загоняете себя в тупик, или в корне неверно сформулировали вопрос. Перед прошлым моим комментарием у меня заняло 30 секунд проверить работоспособность в ie, ff, chrome. заменив $srchForm.focus(); на console.log()

Более того как минимум 3 из 4 ответов на ваш вопрос верны, а скорее всего все 4. Подумайте об этом.

[gcj]

Walt Disney: я сделал точно так, как вы описали, ну не получается и всё тут) ну ладно