Как создать условие проверки фокуса?

Question

[Mikhail Rerberg]

Задача:
Когда попап открыт, нажатие на клавишу ESC должно закрывать окно, но если фокус находится на форме ввода имени, то окно закрываться не должно.

Код js по работе с попапом и кусок html (на всякий):
https://jsfiddle.net/NooNoo1488/f5aq5ewb/

Как я понял, мне нужно в функцию закрытия попапа эскейпом запихнуть условие,которые проверяет наличие фокуса,если же условие выполниться,то выходить из функции. Но у меня не получается это реализовать.

Answer 1

[Mikhail Rerberg]

Решение:
var onPopupEscPress = function (evt) {
if (nameForm === document.activeElement) {
return evt;
} else {
if (evt.keyCode === ESC_BUTTON) {
closePopup();
}
}
};

Answer 2

[ой всё]

полю input присваиваете id, заворачиваете код внтури closePopup в if с условием проверки фокуса
у вас же есть другие if-ы с проверкой значения, сделайте по аналогии

Comments

[Mikhail Rerberg]

1) Id не нужен,есть класс.
2) Вся проблема в том,что я не знаю,как проверить на наличие фокуса. Так бы я и записал в условие

[ой всё]

погуглить jquery focus? или это ниже вашего достоинства?
использование классов в js - это дурной тон и малоприятная зависимость кода от дизайна

[sim3x]

ой всё,

использование классов в js - это дурной тон и малоприятная зависимость кода от дизайна

что?

[ой всё]

sim3x, то самое
учитесь работать с данными и объектами, это сэкономит вам массу времени и сил

[sim3x]

ой всё, Когда использование классов в js стало дурным тоном, если они не используются для стилей?

Почему малоприятная зависимость кода от дизайна, если ее нет?

[ой всё]

sim3x, потому что CSS классы не уникальны

точно так же дурным тоном считается использовать ID элементов в CSS, они ломают каскадность, ради которой собственно и создавались CSS, и создают массу проблем при поддержке и модификациях кода

[sim3x]

ой всё, id также могут быть не уникальны
Более того лучше, чтоб любой код из жс привязывался к таким идентификаторам, которые могут повторяться

id не ломает каскадность

Вы не ответили на мои вопросы - перечитайте их внимательнее

[ой всё]

sim3x, id могут быть только уникальными, на то они собственно и id

после вашего утверждения про неуникальные id, особого смысла дискутировать с вами не вижу

[ой всё]

sim3x, какой красивый переход на личности :)