鼠标获取屏幕上的固定点位置坐标

最新推荐文章于 2024-04-04 12:21:16 发布

weixin_30477293

最新推荐文章于 2024-04-04 12:21:16 发布

阅读量211

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/crmhf/p/3823125.html

版权

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>kotei</title>
</head>
<body>

x的位置:<input type="text" id="x" value="" />
y的位置:<input type="text" id="y" value="" />

<div id="div" onClick="showPostion(event);"
style="width:500px;height:60px;background-color:#336699;color:#ffffff;cursor:crosshair; position:absolute;top:300;left:300;">
为导航系统厂商提供生产导航数据的解决方案<br />
和导航硬件供应商一起开发集成导航系统<br />
</div>

</body>
<script type="text/javascript">
function showPostion(){
var evt = evt || window.event;
var x,y;
if(evt.pageX || evt.pageY){
// firefox 有效
x = evt.pageX;
y = evt.pageY;
}else{
// ie 有效
x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;
y = evt.clientY + document.body.scrollTop - document.body.clientTop;
}
//
document.getElementById("x").value = x;
document.getElementById("y").value = y;