Linuchs: Event nicht weiterreichen stopPropagation

Beitrag lesen

SELF-Forum

Event nicht weiterreichen stopPropagation

Linuchs
– Informationen zu den Bewertungsregeln

Hallo Orlok,

mein Thema ist "Event nicht weiterreichen".

Und genau da habe ich nicht kapiert, wo das in deinem Text verborgen ist, bzw. wie ich das erreichen kann. Kann doch soo schwer nicht sein, hatten wir doch schon vor 20 Jahren in der Groß-EDV mit Oracle. War irgendwas mit "throw ..." (werfen).

Es nutzt mir nichts, wenn sämtliche (übergeordneten, untergeordneten) Events feuern.

<!DOCTYPE html>
<head>
<title>test_javascript_addEventListener.htm</title>
<meta http-equiv="content-type"     content="text/html;charset=UTF-8">
</head>

<body>

<style type="text/css">
div {
  height: 10em;
  background-color: #8f8;
}
</style>


<div id="demo_1" onclick="funktion1()">
  <p id="demo_2">1. Klick auf diesen Absatz, um den Text auszutauschen.</p>
  <p id="demo_3">2. Klick auf dieses Rechteck zum Farbwechsel.</p>
  <p id="demo_4">3. Klick unterhalb des Rechtecks, um diesen Text zu ändern.</p>
</div>

<script type="text/javascript">
function funktion1 () {
  document.getElementById("demo_1").style.backgroundColor = "#f88";
}

document.addEventListener("click", function(){
    document.getElementById("demo_4").innerHTML = "3. unterhalb des Rechtecks wurde geklickt";
});

document.getElementById("demo_2").addEventListener("click", function(){
    document.getElementById("demo_2").innerHTML = "1. Text wurde getauscht";
});

</script>


</body>
</html>

Ich klicke also auf den 1. Absatz, um den Text zu tauschen. Das funktioniert soweit. Aber dann geht's weiter wie in der Schlachterei: "Darf es etwas mehr sein?" Das Rechteck wird umgefärbt und im Text von Absatz 3 wird erklärt, es wurde unterhalb des Rechtecks geklickt.

Hilfe, ich will nur eine Scheibe Wurst und nicht den ganzen Laden !!!

Online-Demo

Linuchs

Beitrag melden
–
Informationen zu den Bewertungsregeln