✔ Onmouseout nur beim verlassen des "div"s

R

Rathje

Mitglied
Hallo,
ich möchte gern unterscheiden, wann ein mousover Event ausgelöst wird.
Beim verlassen der durch div erstellten Box, oder durch das verlassen der Box in dem man auf ein Element geht, dass über der Box angeordnet ist.

In dem Beispiel, unten wird die Funktion auch ausgelöst, wenn ich über das <p> Element fahre.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#temp2 {
	height: 50px;
	width: 100px;
	border: thin solid #000000;
}
</style>
<script type="text/javascript" >function divout(){ alert("Box verlassen!"); }</script>
</head>
<body>
	<div id="temp2" onmouseout="divout()"><p id="temp1">TextText</p></div>
</body></html>

Über einen Tip wäre ich sehr dankbar.
Gruß
Thomas
 
Hi,

das Event-Objekt gibt Auskunft darüber, wo der Event gefeuert hat.
Der Zugriff erfolgt nach 2 verschiedenen Methoden(für IE und Non-IE)
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#temp2 {
	height: 50px;
	width: 100px;
	border: thin solid #000000;
}
</style>
<script type="text/javascript" >
function divout(e)
{ 
  obj=(window.event)?e.srcElement:e.target;
  alert("Box \n"+obj.id+"\nverlassen!"); 
}
</script>
</head>
<body>
	<div id="temp2" onmouseout="divout(event)"><p id="temp1">TextText</p></div>
</body></html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück