onclick Element bei Verschachtelung

[T-Rex]

Hi,

Hab folgendes Konstrukt:
<div onclick='alert("parent");' style='width: 200px; height: 100px; border: 1px solid black'>
<div onclick='alert("child");' style='width: 100px; height: 50px; border: 1px solid red'>
</div>
</div>

Wenn ich jetzt das "Child" Element anklicke, klicke ich automatisch das Elternelement mit. Das will ich aber nicht. Gibts da eine Lösung?

Danke
T-Rex

[Klawischnigg]

Hi there,

Wenn ich jetzt das "Child" Element anklicke, klicke ich automatisch das Elternelement mit. Das will ich aber nicht. Gibts da eine Lösung?

Eigentlich nicht. Du könntest nur versuchen, das Elternelement in den Hintergrund zu setzen, wenn Du mit der Mouse über dem Kind-Element bist...

[Kai345]

[latex]Mae  govannen![/latex]

Hi,

Hab folgendes Konstrukt:
<div onclick='alert("parent");' style='width: 200px; height: 100px; border: 1px solid black'>
<div onclick='alert("child");' style='width: 100px; height: 50px; border: 1px solid red'>
</div>
</div>

Wenn ich jetzt das "Child" Element anklicke, klicke ich automatisch das Elternelement mit. Das will ich aber nicht. Gibts da eine Lösung?

Ja. event.stopPropagation()  und für den IE event.cancelBubble = true

<script type="text/javascript">  
function innen(e) {  
  e = e || window.event;  
  alert("ich bin innen");  
  if (e && e.cancelBubble === false) e.cancelBubble = true;  
  if (e && e.stopPropagation) e.stopPropagation();  
}  
</script>

<div onclick='alert("ich bin aussen");' style='width: 200px; height: 100px; border: 1px solid black'>  
  <div onclick='innen();' style='width: 100px; height: 50px; border: 1px solid red'>  
  </div>  
</div>

Cü,

Kai

[Kai345]

[latex]Mae  govannen![/latex]

Ja. event.stopPropagation()  und für den IE event.cancelBubble = true

http://msdn.microsoft.com/en-us/library/ms533545(VS.85).aspx
https://developer.mozilla.org/en/DOM/event.stopPropagation

Cü,

Kai

[Klawischnigg]

Hi there,

Ja. event.stopPropagation()  und für den IE event.cancelBubble = true

erstaunlich, man lernt doch nie aus...

[molily]

Wenn ich jetzt das "Child" Element anklicke, klicke ich automatisch das Elternelement mit. Das will ich aber nicht. Gibts da eine Lösung?

https://redaktion.selfhtml.org/selfhtml-preview/javascript/einbindung.html#bubbling-verhindern
(Zertifikat-Warnungen wegklicken)

Mathias