实例首页
自学教程
IT工具箱
源代码
下载代码
上下布局
点击运行 >
<!DOCTYPE html> <head> <meta charset="utf-8"> <title>自学教程(runoops.com)</title> <style type="text/css"> body { font-size: 70%; font-family: verdana, helvetica, arial, sans-serif; } </style> <script> function cnvs_getCoordinates(e) { x = e.clientX; y = e.clientY; document.getElementById("xycoordinates").innerHTML = "Coordinates: (" + x + "," + y + ")"; } function cnvs_clearCoordinates() { document.getElementById("xycoordinates").innerHTML = ""; } </script> <body style="margin:0px;"> <div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3" onmousemove="cnvs_getCoordinates(event)" onmouseout="cnvs_clearCoordinates()"></div> <br> <br> <br> <div id="xycoordinates"></div> </body> </html>
运行结果: