`
totoxian
  • 浏览: 1063213 次
  • 性别: 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. **事件监听器...

    显示鼠标坐标信息.rar

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

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

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

    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`事件可以用来监听鼠标的移动,`...

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

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

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

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

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

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

    用js使现模拟鼠标点击

    js模拟鼠标点击,这个是一个国外网站上下载的js模拟鼠标点击的脚本。不会破坏布局。放心使用

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

    描述中提到"自己制作控件实现网页获取窗体外鼠标坐标",这可能是指在全屏模式下,通过JavaScript或者其他前端技术来监听鼠标移动事件,并计算出即使鼠标离开当前窗口,也能获取到其在屏幕上的绝对位置。"这只是个...

    火狐兼容获取鼠标的坐标

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

Global site tag (gtag.js) - Google Analytics