Event Handler Maus Ereignisse
Berühren Sie das Feld mit der Maus.
Script:
<script language="javascript" type="text/javascript">
function touch(hinweis){
document.getElementById("area").innerHTML = hinweis;
}
</script>
HTML Markup:
<div id="area" onmouseover="touch('Mausberührung erfolgt')" onMouseOut="touch('')">
</div>
Erklärung:
Im Script wurde eine Funktion namens touch mit einem Parameter hinweis.
Die Funktion wird mit 2 Event Handler aufgerufen und bekommt so bei onMouseOver einen Text und bei onMouseOut einen leeren String zugewiesen.
Javascript Event Handler
Das gleiche Beispiel mit einem Javascript Event Handler könnte so aussehen. Siehe dazu auch das Thema Callback Funktion
<script>
document.getElementById("area").onmouseover = function(){
hinweis("Mausberührung erfolgt");
}
document.getElementById("area").onmouseout = function(){
hinweis("");
}
</script>
