<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #my_div{ height: 100px; width: 300px; border:1px solid #dddddd; } </style> </head> <body> <div id="my_div" onmousemove="mouse_on(event)" onmouseout="mouse_out()"></div> <div id="my_show"></div> <script type="text/javascript"> function mouse_on (e) { x=e.clientX; y=e.clientY; document.getElementById("my_show").innerHTML = "zuobiao:"+"("+x+","+y+")"; } function mouse_out () { document.getElementById("my_show").innerHTML = ""; } </script> </body> </html>