`
annan211
  • 浏览: 463012 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js 获取鼠标坐标

 
阅读更多
<title>Js获取适时获取鼠标坐标值并显示</title>
<script type="text/javascript">
  var getCoordInDocumentExample = function(){
    var coords = document.getElementById("coords");
    coords.onmousemove = function(e){
      var pointer = getCoordInDocument(e);
     var coord = document.getElementById("coord");
      coord.innerHTML = "X,Y=("+pointer.x+", "+pointer.y+")";
    }
  }
  var getCoordInDocument = function(e) {
    e = e || window.event;
    var x = e.pageX || (e.clientX +
      (document.documentElement.scrollLeft
      || document.body.scrollLeft));
    var y= e.pageY || (e.clientY +
      (document.documentElement.scrollTop
      || document.body.scrollTop));
    return {'x':x,'y':y};
  }
  window.onload = function(){
     getCoordInDocumentExample();
 };
</script>
<div id="coords" style="width:500px;height:200px;background:#F2F1D7;border:2px solid #0066cc;">
请在此移动鼠标。
</div>
<br />
<div id="coord" style="width:500px;border:2px solid #336699;">&nbsp;</div>


分享到:
评论

相关推荐

    Javascript获取鼠标坐标的各种类型

    JavaScript获取鼠标坐标是Web开发中的常见需求,尤其在交互式应用和动态效果中扮演着重要角色。本篇文章将详细介绍各种JavaScript方法来获取鼠标位置,并解释它们的用途和差异。 首先,我们可以使用`event`对象来...

    JQuery获取鼠标坐标

    本文将深入解析如何利用JQuery和原生JavaScript获取鼠标坐标,包括其工作原理、代码实现以及注意事项。 ### JQuery获取鼠标坐标 #### 工作原理 JQuery简化了原生JavaScript的操作,提供了强大的选择器和事件处理...

    任意获取鼠标点击处的位置坐标

    获取鼠标的坐标,通过js任意获取鼠标点击处的位置坐标。

    网页实现全屏获取鼠标坐标

    标题"网页实现全屏获取鼠标坐标"提示我们关注的核心是实现一个功能,使得无论浏览器窗口大小如何,都能获取到鼠标的全局坐标,包括在窗体外的坐标。 描述中提到"自己制作控件实现网页获取窗体外鼠标坐标",这可能是...

    JS获取鼠标坐标、获取鼠标像素点示例

    JS获取鼠标坐标,获取鼠标...JavaScript获取鼠标坐标 .tip { width:200px; border:2px solid #ddd; padding:8px; background:#f1f1f1; color:#666; } 源码爱好者 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    JS获取鼠标坐标位置实例分析

    在讨论JavaScript如何获取鼠标坐标位置时,首先应当了解鼠标事件对象中包含的坐标信息。鼠标事件对象在不同的浏览器中可能略有不同,但主要属性通常包括:clientX、clientY、pageX、pageY、screenX、screenY等。...

    JS获取鼠标坐标的实例方法

    本文将为大家介绍JS获取鼠标坐标的实例方法,该方法可以通过JavaScript代码来获取鼠标的当前坐标位置,并且适用于多种浏览器环境中。 JS获取鼠标坐标的原理 在JavaScript中,我们可以通过事件对象的clientX和...

    javascript获取鼠标当前位置坐标并显示

    ### JavaScript 获取鼠标当前位置坐标并显示 #### 知识点概览 本文将详细介绍如何使用JavaScript来获取鼠标在页面上的当前位置坐标,并实时显示这些坐标值。该功能主要涉及到以下几个知识点: 1. **事件监听器...

    wincc获取鼠标位置.7z

    首先,实现这一功能需要了解WinCC的脚本编程,它支持VBScript或JavaScript,这两种脚本语言都可以用来获取鼠标的坐标。在WinCC中,可以通过创建一个事件,比如“鼠标点击”事件,然后在该事件的脚本中编写获取鼠标...

    javascript获取当前鼠标坐标的方法

    本文实例讲述了javascript获取当前鼠标坐标的方法。分享给大家供大家参考。具体实现方法如下: 对于javascript获取当前鼠标坐标来说,得对不同浏览器的坐标位置有所了解。具体代码如下: 代码如下:&lt;html&gt; &lt...

    pdfdemo2-master_pdf.js坐标点_加工_pdf关键字坐标获取_

    `pdfdemo2-master_pdf.js坐标点_加工_pdf关键字坐标获取_`这个项目就是针对这一需求而设计的,它利用了PDF.js库来实现PDF文档的关键字坐标获取功能。 PDF.js是Mozilla开发的一个开源JavaScript库,用于在Web浏览器...

    javascriptjs获取鼠标点击时的坐标位置

    javascriptjs获取鼠标点击时的坐标位置 只想帮你度过这个问题 加油你也行的

    火狐兼容获取鼠标的坐标

    在Web开发中,特别是在JavaScript编程中,获取鼠标坐标是一项常见的需求,用于实现各种交互效果,如拖放功能、点击位置分析等。在不同的浏览器中,实现这一功能的方法可能有所不同,因此需要进行兼容性处理。以下是...

    JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)

    本文将详细解析标题所提及的“JavaScript获取鼠标坐标的函数”,并探讨其兼容性以及如何在不同浏览器中正确使用。 首先,我们要明白在不同的浏览器环境下,鼠标坐标获取方式略有差异。在Internet Explorer (IE) 中...

    javascript获得鼠标的坐标值

    在JavaScript中,获取鼠标的坐标值是一项常见的任务,它在用户交互和动态界面设计中扮演着重要角色。根据描述,我们将讨论两种不同的场景来获取这些坐标:一是相对于`body`元素,二是相对于某个特定的对象。 ### 1....

    C#限制鼠标活动区域并适时获取鼠标坐标

    不过,如果你需要在Web页面上获取鼠标坐标,可以使用JavaScript的`event.clientX`和`event.clientY`属性,或者在服务器端使用Ajax异步更新来实现类似的功能。 总的来说,C#提供了丰富的API和WinAPI接口来处理鼠标...

    在页面中js获取光标/鼠标的坐标及光标的像素坐标

    现在,我们来看一下如何编写一个简单的JavaScript函数来获取鼠标光标的像素坐标: ```html &lt;script type="text/javascript"&gt; function showPosition(e){ var x, y; var e = e || window.event; // 兼容IE和其他...

    JavaScript获取鼠标位置和鼠标与div的相对位置

    在JavaScript中,获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求,这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先,我们需要理解两个基本概念:`event.clientX` 和 `event....

    显示鼠标坐标信息.rar

    JavaScript代码可能使用`event.clientX`和`event.clientY`来获取鼠标的X和Y坐标,这两个属性分别返回鼠标相对于当前视口左上角的水平和垂直距离。 在实际应用中,这样的功能可以用于创建交互式的地图、画布应用,...

Global site tag (gtag.js) - Google Analytics