`
totoxian
  • 浏览: 1073627 次
  • 性别: Icon_minigender_2
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

JS中找到鼠标点击的坐标

阅读更多

JS中找到鼠标点击的坐标

左直拳

如果想获取页面中鼠标点击的坐标,可以用event.clientXevent.clientY

问题是要注意这个event。它代表当前事件本身。所以,一定要是在事件触发的函数中,才可能访问到这个event,否则为空,event.clientX什么的也就成了镜花水月。

例如,有函数

GetMouseXY()

{

alert(event.clientX + “,” + event.clientY);

}

现在有一个链接a,希望点击它获取鼠标光标,如下:

链接1<a href=”javascript:GetMouseXY()”>鼠标光标</a>

点击,报错。

究其原因,是因为点击链接不是一个事件。现在将链接改成:

链接2<a href=”#” onclick=”javascript:GetMouseXY()”>鼠标光标</a>

就正常了。我之前不明白为什么有时候链接要象 链接2 这样写,现在明白了。

event.clientXevent.clientY是返回最上一次鼠标点击事件的坐标。

分享到:
评论

相关推荐

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

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

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

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

    javascript获得鼠标的坐标值

    这里,我们首先通过`getBoundingClientRect()`获取目标元素的大小和位置,然后从鼠标坐标中减去元素的位置,得到相对于元素的坐标。 ### 补充知识点 - `event`对象:在JavaScript事件处理函数中,浏览器自动传递的...

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

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

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

    在Three.js中,实现鼠标点击获取三维坐标是一项基础但至关重要的功能,它在交互式3D应用中扮演着关键角色。本文将详细解释如何通过Three.js获取鼠标点击时对应的三维空间坐标。 首先,我们需要明白在Three.js中,...

    显示鼠标坐标信息.rar

    在IT领域,尤其是在网页开发中,我们经常需要获取并处理用户的交互信息,其中之一就是鼠标坐标。这个名为"显示鼠标坐标信息.rar"的压缩包显然包含了关于如何在网页上实时显示鼠标坐标的示例代码和教程。这个项目可能...

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

    PDF.js是Mozilla开发的一个开源JavaScript库,用于在Web浏览器中渲染PDF文档,无需依赖任何插件。它提供了API,使得开发者可以轻松地处理PDF文档的各种任务,包括解析PDF元数据、渲染页面、以及获取文本和图形元素的...

    鼠标坐标跟踪限时运行

    此外,考虑到“压缩包子文件的文件名称列表”中提到了“025鼠标坐标跟踪限时运行”,这可能是项目的一部分,其中包含了相关的源代码、日志文件或是实验数据。解压后,开发者可以通过查看这些文件来学习如何实现这样...

    js鼠标识别器 javascript鼠标识别器坐标 移动速度 方向 角度

    js javascript 鼠标 坐标 移动速度 方向 角度

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

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

    JQuery获取鼠标坐标

    在IT领域,特别是前端开发中,获取鼠标坐标是一...总之,无论是通过JQuery还是原生JavaScript,获取鼠标坐标都是前端开发中一项基础但不可或缺的技术,掌握其原理和实现方式对于提高网页交互性和用户体验具有重要意义。

    鼠标移动显示坐标点

    在编程环境中,例如Python的Tkinter库,可以通过绑定`&lt;Motion&gt;`事件并调用`event.x`和`event.y`来获取鼠标坐标。而在JavaScript中,可以利用`addEventListener`监听`mousemove`事件,然后通过`event.clientX`和`...

    捕获鼠标坐标连续点击源码

    这个标题"捕获鼠标坐标连续点击源码"和描述所指的知识点,主要涉及到以下几个方面: 1. **事件监听**: 在编程中,我们通常使用事件监听来捕捉用户的鼠标操作。例如,`mousemove`事件可以用来监听鼠标的移动,`...

    three.js 3d坐标转平面坐标

    注意这里的y轴方向是相反的,因为归一化设备坐标中的y轴向上,而canvas的y轴向下。 4. **应用到2D元素**:最后,你可以使用计算出的2D坐标更新div的位置,使其与3D对象相对应。 在提供的`index.html`和`js`文件中...

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

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

    鼠标显示坐标鼠标显示坐标

    而在自动化测试中,自动化的脚本也会用到鼠标坐标来模拟用户的点击行为。 对于一些高级应用,如机器视觉或图像处理,可能会涉及到更复杂的坐标系统,比如相机坐标系和图像坐标系的转换。在这种情况下,鼠标坐标可能...

    跟随鼠标移动十字坐标显示,炫酷

    3. **坐标计算**:当`mousemove`事件触发时,我们可以从事件对象中获取鼠标的页面坐标(`event.clientX`和`event.clientY`)。接着,我们需要根据这些坐标更新十字架元素的CSS位置属性(如`left`和`top`),使其始终...

    JS 图片选中区域坐标

    在JavaScript(JS)中处理图片选中区域坐标是一项常见的任务,尤其在图像编辑、标注或交互式应用中。本文将深入探讨如何实现这一功能,并提供相关的编程知识点。 首先,我们需要理解基本概念。在HTML中,我们可以...

    JavaScript实现鼠标移到地图上显示实际地理坐标

    本教程将深入探讨如何利用SuperMap iClient 6R for JavaScript库来实现一个功能,即当鼠标移动到地图上时,实时显示当前鼠标的地理坐标。SuperMap是一款强大的GIS软件,其iClient系列为开发者提供了丰富的JavaScript...

    JS使用百分比确定图标坐标点击事件Demo

    在JavaScript(JS)中,处理百分比来确定图标坐标并实现点击事件是一项常见的任务,尤其在HTML5(H5)的场景下,如Android设备或微信网页应用中。本示例"JS使用百分比确定图标坐标点击事件Demo"提供了一个方案,教你...

Global site tag (gtag.js) - Google Analytics