onmousemove-Ereignis

DOM-Event MouseEvent

Definition und Verwendung

Das onmousemove-Ereignis tritt ein, wenn der Zeiger über dem Element bewegt wird .

Beispiel

Beispiel 1

Führen Sie JavaScript aus, wenn der Mauszeiger über dem <div>-Element ist:

<div onmousemove="myFunction()">Bewegen Sie den Zeiger über mich</div>

Versuchen Sie es selbst

Beispiel 2

Dieser Beispiel zeigt die Unterschiede zwischen den Ereignissen onmousemove, onmouseenter und mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ich werde auf onmousemove demonstrieren!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Ich werde auf onmouseenter demonstrieren!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Ich werde auf onmouseover demonstrieren!</p>
</div>

Versuchen Sie es selbst

Beispiel 3

Dieser Beispiel zeigt die Unterschiede zwischen den Ereignissen onmousemove, onmouseleave und onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ich werde auf onmousemove demonstrieren!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Ich werde auf onmouseleave demonstrieren!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Ich werde auf onmouseout demonstrieren!</p>
</div>

Versuchen Sie es selbst

Syntax

In HTML:

<element onmousemove="myScript">

Versuchen Sie es selbst

In JavaScript:

object.onmousemove = function(){myScript};

Versuchen Sie es selbst

In JavaScript, verwenden Sie die Methode addEventListener():

object.addEventListener("mousemove", myScript);

Versuchen Sie es selbst

Anmerkung:Internet Explorer 8 oder frühere Versionen unterstützen dies nicht addEventListener() Methode.

Technische Details

Blasen: Unterstützung
Kann abgebrochen werden: Unterstützung
Ereignistyp: MouseEvent
Unterstützte HTML-Tags: Alle HTML-Elemente, außer: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> und <title>
DOM-Version: Level 2 Ereignisse

Browser-Unterstützung

Ereignisse Chrome IE Firefox Safari Opera
onmousemove Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung
DOM-Event MouseEvent