jQuery mousemove()-Methode

jQuery-Event

Das mousemove()-Verfahren löst das mousemove-Ereignis aus oder fügt eine Funktion hinzu, die beim Eintreten des mousemove-Ereignisses ausgeführt wird.

Ein mousemove-Ereignis tritt ein, wenn der Mauszeiger auf das ausgewählte Element gelegt wird.

Sie könnten denken, mousemove,mouseenterundmouseoverDie Ereignisse sind die gleichen, aber sie sind nicht:

• mouseenter-Wird nur aufgerufen, wenn der Mauszeiger in das Element eindringt

• mousemove-Wird aufgerufen, wenn der Mauszeiger auf das Element gelegt wird

• mouseover-Wird aufgerufen, wenn der Mauszeiger in das Element und seine Unterlemente eindringt (siehe untenstehendes Beispiel)

Syntax:

Lösen Sie das mousemove-Ereignis des ausgewählten Elements aus:

$("selector").mousemove()

Fügen Sie die Funktion dem mousemove-Ereignis hinzu:

$("selector").mousemove(function)

Beispiel

Zeige eine zufällige Zahl, wenn das mousemove-Ereignis ausgelöst wird:

$("div").mousemove(function(){
　　$("this").text(Math.random());
});

Ermitteln Sie den Standort des Mauszeigers auf der Seite:

$(document).mousemove(function(event){　
　　$("#output").text("pageX: ",　+　event.pageX　+　",　pageY:　"　+　event.pageY);
});

Ändern Sie die Hintergrundfarbe beim Auslösen des mousemove-Ereignisses:

$("div").mousemove(function(){
　　$(this).css("background",　randColor());
});
//　Funktion zum Erstellen zufälliger Farben
function　randColor()　{
　　return　'rgb('　+　Math.floor(Math.random()*256)　+　','　+　Math.floor(Math.random()*256)　+　
　　','　+　Math.floor(Math.random()*256)　+　')';
}

Dieser Beispiel zeigt die Unterschiede zwischen mousemove, mouseenter und mouseover:

Parameterwert

jQuery-Event