`

js获取鼠标点击的坐标

 
阅读更多
可以用event.clientX和event.clientY
问题是要注意这个event,它代表当前事件本身。所以,一定要是在事件触发的函数中,才可能访问到这个event,否则为空,event.clientX什么的也就成了镜花水月。
例如,有函数
function getMouseXY()
{
  alert(event.clientX + “,” + event.clientY);
}
现在有一个链接a,希望点击它获取鼠标光标,如下:
链接1:<a href=”javascript:getMouseXY()”>鼠标光标</a>
点击,报错
究其原因,是因为点击链接不是一个事件。现在将链接改成:
链接2:<a href=”#” onclick=”getMouseXY()”>鼠标光标</a>
就正常了。我之前不明白为什么有时候链接要象 链接2 这样写,现在明白了。
event.clientX和event.clientY是返回最上一次鼠标点击事件的坐标。
我以前犯的错误,郁闷我很久~~~~~~~~~~~~
分享到:
评论

相关推荐

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

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

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

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

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

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

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

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

    Three.js获取鼠标点击的三维坐标示例代码

    本文将详细解释如何通过Three.js获取鼠标点击时对应的三维空间坐标。 首先,我们需要明白在Three.js中,我们的屏幕是一个二维视图,而我们要处理的是三维空间中的对象。当用户在屏幕上点击鼠标时,我们接收到的是二...

    火狐兼容获取鼠标的坐标

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

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

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

    js获取鼠标点击位置

    1. **定义**:`event.clientX` 和 `event.clientY` 是 JavaScript 事件对象中的属性,用于获取鼠标点击位置相对于视口(即浏览器窗口)的横纵坐标。 2. **局限性**:虽然这两个属性能够提供基本的位置信息,但它们...

    JQuery获取鼠标坐标

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

    javascript获得鼠标的坐标值

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

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

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

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

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

    wincc获取鼠标位置.7z

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

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

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

    基于JavaScript实现 获取鼠标点击位置坐标的方法

    本文将介绍几种基于JavaScript实现获取鼠标点击位置坐标的常用方法,这包括获取相对于屏幕、浏览器窗口和文档的坐标。 1. 获取鼠标点击位置相对于屏幕的坐标 在不考虑iframe的情况下,不同浏览器对获取鼠标点击位置...

    获取图像中鼠标的坐标值

    5. **JavaScript**: 在Web开发中,你可以使用`event.clientX`和`event.clientY`属性来获取鼠标在HTML元素上的相对坐标。如果需要屏幕坐标,可以使用`window.pageXOffset`和`window.pageYOffset`调整。 6. **Qt**: ...

    获取鼠标相对位置

    在JavaScript中,我们可以使用`event`对象来获取鼠标点击事件的相关信息。`event.clientX`返回鼠标点击时相对于浏览器视口左边缘的水平坐标,而`event.clientY`返回垂直坐标。例如: ```javascript document....

    ArcGIS API For JavaScript 4.x 获取地图经纬度坐标(附完整代码)

    ArcGIS API For JavaScript 4.x 获取地图经纬度坐标(附完整代码,即开即用)

    获取鼠标在文档的坐标位置(兼容多浏览器)

    本文将详细介绍如何通过JavaScript获取鼠标在文档中的坐标位置,并确保该方法能在多种主流浏览器中稳定运行。 #### 一、问题背景 当用户与网页进行交互时,如点击鼠标按钮,页面会触发相应的事件。这些事件携带了...

Global site tag (gtag.js) - Google Analytics