@olya_097

Клик срабатывает, а почему клик вне формы- не срабатывает?

речь о кнопке поиска
https://jsfiddle.net/deo8ba9z/

Upd: имелось ввиду что по клику вне формы- инпут должен закрываться
  • Вопрос задан
  • 147 просмотров
Решения вопроса 3
like-a-boss
@like-a-boss
почемучка
<button type="button"></button>

var searchBtn = document.querySelector('.main-header__button'),
		searchInput = searchBtn.querySelector('.main-header__input'),
		menu = document.querySelector('.main-header__menu');

searchBtn.onclick = function(event) {
			searchInput.classList.add('main-header__input_active')
			searchInput.focus()
			this.classList.add('main-header__button_active')
			menu.classList.add('hidden')
}

searchInput.onblur = function(event) {
  this.classList.remove('main-header__input_active')
  this.parentNode.classList.remove('main-header__button_active')
  menu.classList.remove('hidden')
}
Ответ написан
@mrsexy
Senior Pomidor
Держи, то что просила.
Ответ написан
LenovoId
@LenovoId
what the fuck ?
А на нативном js можно ?
Просто меньше писать и работает так же ... https://codepen.io/topicstarter/pen/NVpjdO
Пришлось попросить помощи так как не силён в js но изучаю его : https://ru.stackoverflow.com/a/981964/330688
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы