Обработчики событий в JS

@askoma · Регистрация: 03.02.2016

Author24 — интернет-сервис помощи студентам

Добрый вечер.
Появился вопрос.
Есть такой HTML код.

HTML5

<form action="#" method="post" class="search">
<input type="search" name="search" value="Search something..." class="input-off" id="input">
<input type="submit" value="" class="submit-off" id="submit" ></i>
</form>

И такой JS код.

Javascript

    function onSearch(event) {
    event.preventDefault();
    var input = document.getElementById('input');
    var submit = document.getElementById('submit');
    input.classList.add("input-on");
    submit.classList.add("submit-on");
}
function offSearch() {
    var input = document.getElementById('input');
    var submit = document.getElementById('submit');
    input.classList.remove("input-on");
    submit.classList.remove("submit-on");
    }
submit.addEventListener("click",onSearch);
input.addEventListener("blur",offSearch);

Никак не могу придумать как сделать так чтобы обработчик offSearch срабатывал только тогда когда фокус уходит И с элемента имеющего id="input" и с элемента имеющего id="submit". Тоесть если мы просто кликнем в любом месте страницы кроме этой формы.

@jade · 04.02.2016, 00:25

Если я правильно понял, то

Javascript

function onSearch(event) {
    event.preventDefault();
    input.classList.add("input-on");
    submit.classList.add("submit-on");
}
function offSearch(e) {
    if (e.target == submit || e.target == input) return false;
    input.classList.remove("input-on");
    submit.classList.remove("submit-on");
}
 
submit.addEventListener("click",onSearch);
document.onclick = offSearch;

@askoma · 04.02.2016, 01:50 **[ТС]**

Да именно оно. Спасибо большое. Пол дня сидел. Хотя все так просто. Но я был на пути к этому. У меня был такой же if проверяющий только фокус на инпуте и сабмите.))

@askoma 0 / 0 / 0 Регистрация: 03.02.2016 Сообщений: 2
	04.02.2016, 01:50 [ТС]	3
	Да именно оно. Спасибо большое. Пол дня сидел. Хотя все так просто. Но я был на пути к этому. У меня был такой же if проверяющий только фокус на инпуте и сабмите.)) 0