1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>获取鼠标点击位置</title> 6 <script>
//考虑浏览器滚动条 7 function getMousePos(event) { 8 var e = event || window.event; 9 var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft; 10 var scrollY = document.documentElement.scrollTop || document.body.scrollTop; 11 12 var x = e.pageX || e.clientX + scrollX; 13 var y = e.pageX || e.clientY + scrollY; 14 15 return { 16 'x': x, 17 'y': y 18 }; 19 } 20 function mouseMove(event){ 21 var e = event || window.event; 22 var mosePos = getMousePos(event); 23 document.getElementById("txtX").value = mosePos.x; 24 document.getElementById("txtY").value = mosePos.y; 25 }
//鼠标按下时的坐标 26 document.onmousedown = mouseMove; 27 28 </script> 29 </head> 30 <body> 31 x:<input type="text" id="txtX"> 32 y:<input type="text" id="txtY"> 33 </body> 34 </html>