molily: onmouseover / onmouseout auf div anwenden

Beitrag lesen

SELF-Forum

onmouseover / onmouseout auf div anwenden

molily Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

Verwende besser die Events mouseenter und mouseleave anstatt mouseover und mouseout.

mouseover- und mouseout-Events steigen auf und lösen daher entsprechende Handler bei Elementen weiter oben im DOM-Elementbaum aus. mouseenter und mouseleave tun das nicht.

<div id="kofferbereich" onmouseover="javascript:images.open.src='pics/koffer_opening.gif'; return false;" onmouseout="javascript:images.open.src='pics/koffer_closing.gif'; return false;">

Sowohl »javascript:« als auch »return false« ist hier unnötig.

<div  
  onmouseeventer="document.images.open.src = 'pics/koffer_opening.gif'"  
  onmouseleave="document.images.open.src = 'pics/koffer_closing.gif'">

Besser wäre es, die Event-Handler mit JavaScript zu registrieren, anstatt sie ins HTML einzubetten:
http://molily.de/js/event-handling-grundlagen.html
http://molily.de/js/event-handling-fortgeschritten.html

Mathias

Beitrag melden
–
Informationen zu den Bewertungsregeln