Klick auf übereinander liegendenen Elementen

[mrperformer]

Hallo zusammen,

ich hab eine Fläche (= ein div) in der ein Button liegt (ebenfalls ein div, kein a). Die Fläche hat ein onclick, der Button ebenfalls.

Problem:

Ich hätte es gern so, dass bei einem Klick auf den Button nur dessen onclick ausgeführt wird. Klickt man außerhalb des Buttons in die Fläche, soll das Flächen-onclick ausgeführt werden.

Standardmäßig werden bei einem Klick auf dem Button aber beide onclicks abgefeuert.

Könnt Ihr mir helfen?

 

[devnull69]

Dafür gibt es stopPropagation

button.onclick = function(e) {
   if(window.event)
      e = window.event;
   ....
   e.stopPropagation();
};

Das verhindert, dass ein Event im DOM-Gefüge weiter nach oben "bubbelt". Normalerweise würden nämlich bei diesem Bubbling die entsprechenden Event-Handler der darüberliegenden Elternelemente auch ausgeführt werden.