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

Question

[Ankozar]

<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, а на саму форму и блоки в ней не срабатывал. Отдельную кнопку для закрытия формы я добавлю, но хочется чтобы и при клике на свободное пространство форма тоже закрывалась.

Comments

[NarkoMan01]

попробуй через js, event.currentTarget.data

Answer 1

[Ankozar]

Хм, нашёл:

function closeForm () {
    $('.formWrapper').click(function(ev) {
        if (ev.target == this){
            $(this).fadeOut('slow');
            $('.reportForm').fadeOut('slow');
        };
    });
};