vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL164 Mouse Eigenschaften</title> <style></style> </head> <body> <div style="background: green; height: 9em;" onMouseDown="mausTaste(event);" onMouseMove="mausPosition(event);" > </div> <p>Koordinaten X: <span id="xAchse"></span></p> <p>Koordinaten Y: <span id="yAchse"></span></p> <script> function mausTaste(event) { var taste = event.buttons; switch(taste) { case 1: console.log("Linke Taste"); break; case 2: console.log("Rechte Taste"); break; case 3: console.log("Linke und Rechte Taste"); break; case 4: console.log("Mittlere Taste"); break; } } function mausPosition(event) { document.getElementById("xAchse").innerHTML = event.offsetX; document.getElementById("yAchse").innerHTML = event.offsetY; } </script> </body> </html>
