IPC SE19 Medienpartner 630x250 48558 v1.jpg

SELFHTML ist in diesem Jahr Medienpartner der IPC.

Für die Hauptkonferenz vom 4. – 6. Juni in Berlin verlosen wir ein Freiticket.

Weitere Informationen finden sich im SELFHTML-Forum.

JavaScript/DOM/Event/mouseover

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event(Weitergeleitet von Mouseover)
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>, , <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}}}

</div>