@Ankozar

Как сделать так, чтобы click на div не срабатывал при клике на дочерние блоки?

<div class='formWrapper'>
     <form class='reportForm'>
         <h3>Сообщить об ошибке</h3>
         <p>Ваше имя</p>
         <input type='text'>
         <input type='submit' class='reportButton'>
     </form>
  </div>

function closeForm () {
       $('.formWrapper').click(function() {
           $('.reportForm').fadeOut('slow');
           $('.formWrapper').fadeOut('slow');
       });
   };


Нужно чтобы клик срабатывал только на div, а на саму форму и блоки в ней не срабатывал. Отдельную кнопку для закрытия формы я добавлю, но хочется чтобы и при клике на свободное пространство форма тоже закрывалась.
  • Вопрос задан
  • 29 просмотров
Решения вопроса 1
@Ankozar Автор вопроса
Хм, нашёл:

function closeForm () {
    $('.formWrapper').click(function(ev) {
        if (ev.target == this){
            $(this).fadeOut('slow');
            $('.reportForm').fadeOut('slow');
        };
    });
};
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽