JavaScript/DOM/Event/mouseover

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Event-Handler DOM 2.0 mouseover
Bedeutung wird beim Überfahren des Elements mit der Maus ausgelöst
bubbles ja
cancelable ja
Elternelemente Darf vorkommen in: allen Elementen außer
<base>, <bdo>, <br>, <head>, <html>,
<iframe>, <meta>, <param>, <script>,
<style>, und <title>
Event-Objekt Maus-Event
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Beispiel

Der Button erhält durch addEventListener den Event-Handler mouseover zugewiesen. Der Event-Handler mouseover tritt in Aktion, wenn der Anwender die Maus über den Button bewegt, und mouseout wird aktiv, wenn er die Maus wieder herausbewegt. Mittels der Eigenschaft innerHTML können Sie mit jedem Aktivwerden eines der beiden Event-Handler den Text des Buttons dynamisch austauschen.

Beispiel ansehen …
  var elem = document.getElementById('Eingabe');
  var ausgabe = document.getElementById('Ausgabe');
  elem.addEventListener('mouseover', mouseOver);
  elem.addEventListener('mouseout', mouseOut);
 
  function mouseOver() {
    ausgabe.innerHTML = 'Ich bin dynamisch!';
    elem.innerHTML = 'Drüber!';
  }
 
  function mouseOut() {
    ausgabe.innerHTML = ' ';
	elem.innerHTML = 'Wieder weg!';
  }
Beachten Sie
Tipp
Quellen

{{{Quellen}}}

siehe auch

{{{siehe_auch}}}

Weblinks

{{{Weblinks}}}

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML