Wykrycie kliknięcia tylko na rodzica

Cześć,
Mam problem z js'owym clickiem :D Chodzi mi o wykrycie kliknięcia tylko na rodzicu.

<div class="parrent">
    <div class="child">
        asd
    </div>
</div>

.parrent{
    position: fixed;
}

Klikam na child nic się nie dzieje, klikam na parrent wykonuje się akcja. Niestety aktualnie cokolwiek kliknę (parrent ma width i height 100%) jest wykrywane jak kliknięcie na rodzica.

Przypisz dziecku handler zdarzenia kliknięcia i wywołaj tam event.stopPropagation();

@NickOver Przy tej okazji polecam zapoznać się z Bubbling and capturing, żebyś wiedział dlaczego rozwiązanie @Patryk27 działa.

Dodatkowo istnieje alternatywne rozwiązanie, które moim zdaniem jest bardziej czytelne. Możesz sprawdzić, czy e.target === e.currentTarget i jeżeli nie to nie robić nic. e.currentTarget to element, do którego przypisałeś handler, a e.target to element w który kliknąłeś. W przypadku kliknięcia na rodzica jest to jeden i tem sam element.

DEMO