Jeden div, a dwa przekierowania na inna akcje

Question

Witam, sprawa wygląda tak, że mam jednego diva i na nim potrzebowałbym umieścić dwa przekierowania. Cały ten div reaguje na "onclick" i tego nie mogę ani nie chciałbym zmieniać. W tym divie znajduje się również przycisk, który ma też w sobie "onclick", ale ma robić zupełnie coś innego. Problem polega na tym, że chciałbym, aby po kliknięciu w ten przycisk, została wywołana tylko ta akcja przypisana do tego przycisku, i jednocześnie wyłączyć "onclick" tego głównego diva. Próbowałem z z-indexem coś robić, coś ogarniać w jquery, ale cały czas po kliknięciu w przycisk ta akcja z głównego diva również się aktywuje. Przykład na szybko:

Kod: 

<div class="column" onclick="return confirm('Akcja pierwsza')">
    <h5>content</h5>
    <p>content</p>
    <input type="submit" id="delete" class="deletebtn" value="Delete" onclick="return confirm('Akcja druga')" />
</div>

jsfiddle:

https://jsfiddle.net/21bnabdf/1/

Answer 1

O to chodzi?

https://jsfiddle.net/yw3mpotz/

Answer 2

<section class="column">
<div onclick="return confirm('Akcja pierwsza')">
    <h5>content</h5>
    <p>content</p>
   
</div>
 <input type="submit" id="delete" class="deletebtn" value="Delete" onclick="return confirm('Akcja druga')" />
 </section>

 

Comments

Problem w tym, że wprowadzenie section całkowicie zmienia semantykę tego kodu.

Answer 3

Polecam poczytać o event delegation: http://tutorials.comandeer.pl/js-beauty.html#delegation