<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta name="auther" content="fq" />
<title>获取鼠标坐标</title>
</head>
<body>
<script type="text/javascript">
function mousePosition(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
document.getElementById('xxx').value = mousePos.x;
document.getElementById('yyy').value = mousePos.y;
}
document.onmousemove = mouseMove;
</script>
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
</body>
</html>
分享到：
相关推荐
JavaScript获取鼠标坐标是Web开发中的常见需求，尤其在交互式应用和动态效果中扮演着重要角色。本篇文章将详细介绍各种JavaScript方法来获取鼠标位置，并解释它们的用途和差异。 首先，我们可以使用`event`对象来...
本文将深入解析如何利用JQuery和原生JavaScript获取鼠标坐标，包括其工作原理、代码实现以及注意事项。 ### JQuery获取鼠标坐标 #### 工作原理 JQuery简化了原生JavaScript的操作，提供了强大的选择器和事件处理...
获取鼠标的坐标，通过js任意获取鼠标点击处的位置坐标。
标题"网页实现全屏获取鼠标坐标"提示我们关注的核心是实现一个功能，使得无论浏览器窗口大小如何，都能获取到鼠标的全局坐标，包括在窗体外的坐标。 描述中提到"自己制作控件实现网页获取窗体外鼠标坐标"，这可能是...
JS获取鼠标坐标，获取鼠标...JavaScript获取鼠标坐标 .tip { width:200px; border:2px solid #ddd; padding:8px; background:#f1f1f1; color:#666; } 源码爱好者 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
在讨论JavaScript如何获取鼠标坐标位置时，首先应当了解鼠标事件对象中包含的坐标信息。鼠标事件对象在不同的浏览器中可能略有不同，但主要属性通常包括：clientX、clientY、pageX、pageY、screenX、screenY等。...
本文将为大家介绍JS获取鼠标坐标的实例方法，该方法可以通过JavaScript代码来获取鼠标的当前坐标位置，并且适用于多种浏览器环境中。 JS获取鼠标坐标的原理 在JavaScript中，我们可以通过事件对象的clientX和...
### JavaScript 获取鼠标当前位置坐标并显示 #### 知识点概览 本文将详细介绍如何使用JavaScript来获取鼠标在页面上的当前位置坐标，并实时显示这些坐标值。该功能主要涉及到以下几个知识点： 1. **事件监听器...
首先，实现这一功能需要了解WinCC的脚本编程，它支持VBScript或JavaScript，这两种脚本语言都可以用来获取鼠标的坐标。在WinCC中，可以通过创建一个事件，比如“鼠标点击”事件，然后在该事件的脚本中编写获取鼠标...
本文实例讲述了javascript获取当前鼠标坐标的方法。分享给大家供大家参考。具体实现方法如下： 对于javascript获取当前鼠标坐标来说，得对不同浏览器的坐标位置有所了解。具体代码如下： 代码如下:<html> <...
`pdfdemo2-master_pdf.js坐标点_加工_pdf关键字坐标获取_`这个项目就是针对这一需求而设计的，它利用了PDF.js库来实现PDF文档的关键字坐标获取功能。 PDF.js是Mozilla开发的一个开源JavaScript库，用于在Web浏览器...
javascriptjs获取鼠标点击时的坐标位置 只想帮你度过这个问题 加油你也行的
在Web开发中，特别是在JavaScript编程中，获取鼠标坐标是一项常见的需求，用于实现各种交互效果，如拖放功能、点击位置分析等。在不同的浏览器中，实现这一功能的方法可能有所不同，因此需要进行兼容性处理。以下是...
本文将详细解析标题所提及的“JavaScript获取鼠标坐标的函数”，并探讨其兼容性以及如何在不同浏览器中正确使用。 首先，我们要明白在不同的浏览器环境下，鼠标坐标获取方式略有差异。在Internet Explorer (IE) 中...
在JavaScript中，获取鼠标的坐标值是一项常见的任务，它在用户交互和动态界面设计中扮演着重要角色。根据描述，我们将讨论两种不同的场景来获取这些坐标：一是相对于`body`元素，二是相对于某个特定的对象。 ### 1....
不过，如果你需要在Web页面上获取鼠标坐标，可以使用JavaScript的`event.clientX`和`event.clientY`属性，或者在服务器端使用Ajax异步更新来实现类似的功能。 总的来说，C#提供了丰富的API和WinAPI接口来处理鼠标...
现在，我们来看一下如何编写一个简单的JavaScript函数来获取鼠标光标的像素坐标： ```html <script type="text/javascript"> function showPosition(e){ var x, y; var e = e || window.event; // 兼容IE和其他...
在JavaScript中，获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求，这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先，我们需要理解两个基本概念：`event.clientX` 和 `event....
JavaScript代码可能使用`event.clientX`和`event.clientY`来获取鼠标的X和Y坐标，这两个属性分别返回鼠标相对于当前视口左上角的水平和垂直距离。 在实际应用中，这样的功能可以用于创建交互式的地图、画布应用，...