Als Nächstes lass uns die 'mousemove'-Methode verstehen, die ausgelöst wird, sobald der Mauszeiger über einem Element bewegt wird. Diese Methode erlaubt es dir, die Position der Maus während des bewegten Zustands zu verfolgen.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Mouse-Events</title>
</head>
<body>
<div id="mouseArea" style="width:200px; height:200px; background-color:lightblue; text-align:center; line-height:200px; font-size:24px;">
Über mich heben
</div>
</body>
<script>
document.getElementById('mouseArea').addEventListener('mousemove', function(event) {
console.log('Maus bewegt sich: X: ' + event.clientX + ', Y: ' + event.clientY);
});
</script>
</html>