✔ EventHandler per JS anbinden

[FrankWST]

Hallo,

ich möchte einen EventHandler (per JS) an ein Element hängen.

Erklärung:
Siehe folgenden HTML-Code-Ausschnitt:

<script type="text/javascript">
<!--
function OnMouseOverAction(id)
{
  var elem = document.getElementById(id);
  alert('Hallo, ich bin ' + id);
}


function ActivateEventHandler()
{
  document.getElementById('Feld1').onmouseover = OnMouseOverAction;
}
//-->
</script>


<td id="Feld1">Überfahr mich</td>
...
<td onclick="ActivateEventHandler()">Aktiviere Feld</td>

Sodass also nach dem Klicken auf "Aktiviere Feld" der mouseover-Eventhandler an dem td hängt.

Prinizipiell funktioniert das, allerdings nur, wenn der Eventhandler (die Funktion "OnMouseOverAction") keinen Parameter hat!

Also d.h.: Folgendes Beispiel funktioniert einwandfrei:

<script type="text/javascript">
<!--
function OnMouseOverAction()
{
  alert('Hallo, ich bin irgendwer');
}


function ActivateEventHandler()
{
  document.getElementById('Feld1').onmouseover = OnMouseOverAction;
}
//-->
</script>


<td id="Feld1">Überfahr mich</td>
...
<td onclick="ActivateEventHandler()">Aktiviere Feld</td>

Kann von Euch jemand helfen?

Vielen Dank,
Frank

 

[Sven Mintel]

Moin Frank,

kapsele die Anweisung in einer Funktion:

function ActivateEventHandler()
{
  document.getElementById('Feld1').onmouseover = function(){OnMouseOverAction(this.id);};
}

 

[FrankWST]

Und wieder einmal:
Vielen Dank Sven!

Apropos Beerware: Ich trinke heute Abend eins auf Dein Wohl.