Egér koordináták

Egér koordináták
2017-10-08T18:05:10+02:00
2017-10-08T18:19:15+02:00
2022-10-15T22:06:06+02:00
kerdezo3
Szerettem volna az egérmozgatásra annak koordinátáit kiiratni simán JavaScript-ben (JQuery nélkül) addEventListenerrel, külön függvényben megoldva. De valamiért nem működik: az event-re undefined-et ad. Hogyan lehet mégis ilyen módon működőképessé tenni?

<!DOCTYPE html> <html> <head> <style> div { width: 500px; height: 300px; border: 1px solid black; text-align: center; } </style> </head> <body> <div id="area"><p id="demo"></p></div> <script> function showCoords(event) { var cX = event.clientX; var sX = event.screenX; var cY = event.clientY; var sY = event.screenY; var coords1 = "client - X: " + cX + ", Y coords: " + cY; var coords2 = "screen - X: " + sX + ", Y coords: " + sY; document.getElementById("demo").innerHTML = coords1 + "<br>" + coords2; } var area=document.getElementById("area"); area.addEventListener("mousemove",showCoords()); </script> </body> </html>
Mutasd a teljes hozzászólást!
Nem kell a végére a zárójelpár:

area.addEventListener("mousemove",showCoords);
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd