Question

我想知道如何在页面上的每个位置获得每次点击的x，y坐标。我想使用div，但我不知道如何修改它。谢谢。它只显示x，y坐标，我点击了相位图。这是我的代码：

<script>
 function show_coords(event)
 {
 var x=event.clientX;
 var y=event.clientY;
 alert("X coords: " + x + ", Y coords: " + y);
 }
 </script>

 <div id="x">x</div>
 <div id="y">y</div>
 <p onmousedown="show_coords(event)">Click this paragraph, and an alert box will alert the x and y coordinates of the mouse pointer.</p>

Answer 1

将相同的事件添加到正文

<body onmousedown="show_coords(event)">
....
</body>

详细说明问题所有者为什么它不适用于整个＆＃34;窗口＆＃34;然而：你的身体没有覆盖整个窗户。只是div元素，这就是为什么你得到相同的结果。使身体占据整个窗口。见下面的样本： -

<html>
<head>
<title>sample</title>
<style>
body {
 border : 2px solid red;
 overflow : true;
 width : 100% ;
 height : 100%;
}
</style>
<script type="text/javascript">
function show_coords(event) {
 var x=event.clientX;
 var y=event.clientY;
 alert("X coords: " + x + ", Y coords: " + y);
}
</script>
</head>
<body onmousedown="show_coords(event)">
</body>
</html>

在页面上的任何地方获取x和y坐标

1 个答案: