On Mouse Move 3
RUN
<!DOCTYPE html> <html> <head> <title>On Mouse Move</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="container" style="height: 500px; background: blue"> </div> <p>Tọa độ X: <span id="x"></span> - Tọa độ Y: <span id="y"></span></p> <script> var object = document.getElementById('container'); object.addEventListener('mousemove', function(e){ var x = e.clientX; var y = e.clientY; document.getElementById("x").innerHTML = x; document.getElementById("y").innerHTML = y; }); </script> </body> </html>
PHÓNG TO