首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js获取鼠标当前位置坐标

2017-03-01 10:08:42 在页面中获取鼠标坐标通常有三种方式,这三种方式各有不同,所的的值也是不一样的。  首先是相对于页面的pageX和pageY。...这是一个IE特有的属性,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值 相对于坐标系的layerX/layerY。...FF特有,鼠标相比较于当前坐标系的位置,即如果触发元素没有设置绝对定位或相对定位,以页面为参考点,如果有,将改变参考坐标系,从触发元素盒子模型的border区域的左上角为参考点也就是当触发元素设置了相对或者绝对定位后...完全支持所有属性.其中(offsetX和layerX都是以border为参考点) 下面这个是获取相对于屏幕的坐标 document.onmousemove = function(e) { e =

14.7K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WPF 已知问题 开启 WM_Pointer 消息之后 获取副屏触摸数据坐标偏移

    本文记录 WPF 触摸的一个已知问题,仅在开启 WM_Pointer 消息之后,将应用程序运行在包含多个屏幕的带触摸屏的设备上,如此时在非主屏幕的触摸屏上进行触摸,使用 GetStylusPoint 或...GetIntermediateTouchPoints 方法获取触摸点时,将会发现所获取触摸点的坐标是偏的,偏的坐标差值刚好是整个屏幕距离 此问题由 少珺 小伙伴发现且修复,我只是代为记录的工具人 此问题已经报告给...通过 GetStylusPoint 或 GetIntermediateTouchPoints 等方法获取触摸点信息时,可以看到触摸点信息存在偏差,偏差的坐标差值刚好是整个屏幕距离,也就是差了 N 个屏幕距离...当你将程序移动到主屏幕上时,如果恰好此时你的主屏幕也是触摸屏,那你将可以看到应用程序实际是能正常工作的,画出你触摸的笔迹。...再经过 _currentTabletDevice.DeviceInfo.DisplayRect 属性获取当前窗口所在屏幕的虚拟屏幕坐标,将上一步计算到的窗口相对于屏幕的坐标减去当前的屏幕的虚拟坐标才是计算到正确的坐标

    30710

    【Android 应用开发】Android 组件 位置坐标 属性 ( 组件位置属性 | 父容器坐标坐标 | 窗口坐标坐标 | 屏幕坐标坐标 | 触摸坐标 )

    View 组件 窗口坐标 属性 V . View 组件 屏幕坐标 属性 VI . View 组件的触摸位置 属性 VII . View 坐标获取 0 的解决方案 I ....: getLocationInWindow ; 屏幕坐标获取 : getLocationOnScreen ; 触摸坐标 : x , y 触摸坐标是相对于组件的坐标 , rawX , rawY 是相对于屏幕的坐标...View 组件的触摸位置 属性 ---- View 组件的触摸事件的位置属性 : ① x , y 相对于组件坐标 : 当触摸组件时 , 从 MotionEvent 事件中获取的 x , y 坐标是 相对于本组件的坐标..., 即坐标系的原点 ( 0, 0 ) 是该组件的左上角位置 ; ② rawX , rawY 相对于屏幕坐标 : 从 MotionEvent 事件中获取的 rawX , rawY 坐标 , 是当前触摸点相对于屏幕的坐标...View 坐标获取 0 的解决方案 ---- 1 . 问题描述 : 在获取组件 位置 , 宽高 时 , 经常遇到获取组件的值为 0 的情况 , 这是因为该组件还没有绘制完成 ; 2 .

    4K10

    Android MotionEvent 坐标获取

    Android MotionEvent中getX()与getRawX()都是获取屏幕坐标(横),但二者又有区别 getX()           :   是获取相对当前控件(View)的坐标...getRawX()   :   是获取相对显示屏幕左上角的坐标 演示示例代码 Java代码: public class MainActivity extends Activity implements...点击屏幕中间的Button,获取坐标信息: ?...结果说明: x,y  :  分别获取的相对Button控件的坐标 getX(), getY() rawX,rawY  : 分别获取的相对显示屏幕左上角的坐标 getRawX(), getRawY() 总结...:  getX() 是表示Widget相对于自身左上角的x坐标,而getRawX()是表示相对于屏幕左上角的x坐标值(注意:这个屏幕左上角是手机屏幕左上角,不管activity是否有titleBar或是否全屏幕

    2.1K30

    【Android 应用开发】多点触控 ( 多点触控事件 | PointerId | PointerIndex | 坐标获取 | 触摸点个数 )

    触摸点个数获取 ( getPointerCount ) VI . 触摸坐标获取 VII . 多点触控 示例代码 ( 参考 ) I . 多点触控事件 ---- 1 ....触摸坐标获取 ---- 获取触摸坐标 : ① 获取当前触摸事件坐标 : public final float getX() public final float getY() ② 获取指定触摸点索引...获取 坐标 //1.1 获取 当前 触摸 事件的 x y 坐标 float x = event.getX(); float y = event.getY(); //1.2 获取 指定 pointerIndex...获取坐标 : 获取当前坐标 : event.getX(); 获取指定 pointerIndex 坐标 : event.getX(pointerIndex...获取 坐标 //1.1 获取 当前 触摸 事件的 x y 坐标 float x = event.getX(); float y = event.getY

    1.3K20

    WPF 通过 RawInput 获取触摸消息

    触摸在 Windows 下属于比较特殊的输入,不同于键盘和鼠标,键盘和鼠标可以通过全局 Hook 的方式获取到鼠标和键盘的输入消息。而触摸则没有直接的 Hook 的方法。...如果期望自己的应用,可以在没有作为前台获取焦点的应用时,可以抓取到全局的触摸消息,抓取到其他应用程序的触摸输入,那么可以尝试使用 RawInput 的方式。...其实通过 RawInput 是可以在注册设备时,声明需要获取 TouchScreen 触摸屏输入,和 Pen 笔输入的。...,还可以获取到是哪个触摸框的输入,通过触摸框的 DevicePath 或者是 ProductId 等判断。...同时通过 RawInput 的此方法,也可以用来支持双触摸屏同时进行触摸输入 以下是更多代码细节 在使用之前,安装 NuGet 包。

    87330

    WPF 多指触摸拖拽窗口 拖动修改窗口坐标

    相信大家都知道,在修改某个容器的坐标的时候,不能使用这个容器内的坐标做参考,所以在 Touch 拖动修改窗口坐标的时候,就不能使用监听窗口的事件拿到的坐标来作为参考 想要能平滑的移动窗口,就需要获取相对于屏幕的坐标...,而不是为了获取相对的坐标。...,而触摸默认会将第一个触摸点转换为鼠标坐标,因此拿到的坐标点不是相对于窗口内的,这样就能做到在移动的时候不会抖 接下来判断相对上一次的移动距离,如下面代码 var dx...而此时不能通过 Window 的 Top 和 Left 属性获取,这两个属性的值使用的是 WPF 单位和坐标,而咱计算的 dx 和 dy 是相对于屏幕的坐标,因此需要调用 GetWindowRect 这个...win32 方法获取窗口所在屏幕的坐标 设置窗口坐标也需要使用屏幕坐标来设置,需要调用 SetWindowPos 方法,代码如下 var handle = new WindowInteropHelper

    2.2K30

    获取鼠标坐标以及按键响应

    当鼠标在窗口之外如何获取屏幕位置 4.源码下载地址 1.原理 重写GUI类中的鼠标事件的响应函数,并实现其响应函数。 要包含头文件#include 1.1效果 ?...当鼠标在窗口之外如何获取屏幕位置 当鼠标移动出窗体,鼠标就无法进入mouseMoveEvent()函数,此时就需要通过其他方式获取鼠标在屏幕上的位置信息。...这里用到了这个QCursor类,这个类中有一个获取鼠标当前屏幕位置(绝对位置)的一个静态方法。...static QPoint QCursor::pos(const QScreen * screen) 我在这里的处理方式是,通过按键盘的Ctrl键,获取当前的鼠标的绝对位置,需要实现键盘的按键响应函数,...QPoint pt = QCursor::pos();//获取鼠标的绝对位置 QString str; str = QString("%1 , %2").arg(pt.x()).arg(pt.y

    4.5K31

    GtkSharp 获取触摸宽度高度面积尺寸信息

    本文将告诉大家如何在 C# dotnet 里面,从 GTK 里面获取触摸的宽度高度信息,即触摸面积或触摸尺寸信息 准确来说本文的方法是我在 lsj 的帮助下试出来的,我没有找到正式的文档对此有描述。...本文测试的机器是在 UOS 系统搭配兆芯的 CPU 的机器上,这台机器采用的是希沃的某款触摸框的设备。...但从实际测试上看,这个值却能够和触摸的宽度和高度对应 接下来我将使用一个简单的项目告诉大家具体如何获取触摸宽度高度信息 先新建一个控制台项目,然后编辑 csproj 项目文件,替换为如下代码 <Project...可以使用分辨计算 x 和 y 的缩放比从而获取到像素单位的触摸尺寸 if (numAxes >= 5) { var radioX...radioY; Console.WriteLine($"Width={width} Height={height}"); } 通过以上方法即可获取触摸点的宽度和高度

    16610
    领券