Thomas Meinike: Eventhandling, mehrere Funktionen an ein Event hängen

Beitrag lesen

Hallo,

Gibt es noch eine andere Möglichkeit?!

Die DOM-Methode addEventListener() bietet sich an, wobei das AFAIK nur unter Mozilla-Derivaten (sowie auch im SVG-Kontext) funktioniert.

Testbeispiel (beim resize-Event wird erst der Hintergrund zufaellig gefaerbt und dann erscheint eine alert-Box):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test by TM 02/03</title>
<script language="JavaScript" type="text/javascript">
<!--

function Init()
{
  if(window.addEventListener)
  {
    window.addEventListener("resize",newBackColor,false);
    window.addEventListener("resize",handleResize,false);
  }
  else alert("Klappt leider nicht ...");
}

function handleResize()
{
  alert("resize-Event fired");
}

function newBackColor()
{
  document.getElementsByTagName("body")[0].style.backgroundColor="rgb("+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+")";
}

//-->
</script>
</head>
<body onload="Init()">
<p>Klappt unter Mozilla</p>
</body>
</html>

MfG, Thomas