鼠标定位的兼容和方法

最新推荐文章于 2022-02-27 14:13:03 发布
最新推荐文章于 2022-02-27 14:13:03 发布
阅读量316 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Le_OOP/article/details/81122444
版权

关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种

  • event.clientX/Y

  • event.pageX/Y

  • event.offsetX/Y

  • event.layerX/Y

  • event.screenX/Y

clientX/Y:

clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变

兼容性：所有浏览器均支持

pageX/Y:

pageX/Y获取到的是触发点相对文档区域左上角距离，会随着页面滚动而改变

设置<body  style="width:2000px;height:200px;">让页面滚动，发现clientX与pageX的值不一样

兼容性：除IE6/7/8不支持外，其余浏览器均支持

offsetX/Y:

offsetX/Y获取到是触发点相对被触发dom的左上角距离，不过左上角基准点在不同浏览器中有区别，其中在IE中以内容区左上角为基准点不包括边框，如果触发点在边框上会返回负值，而chrome中以边框左上角为基准点。

兼容性：IE所有版本，chrome，Safari均完美支持，Firefox不支持

 layerX/Y:

Le_OOP
关注
关于PS2 兼容鼠标驱动不可卸载的问题
08-15
关于PS2 兼容鼠标驱动不可卸载的问题,因为此驱动重启电脑后 会自动安装。 所以需要我们 一点技术方面的操作。
jQuery实现跟随鼠标运动图层效果的方法
10-24
在深入介绍jQuery实现跟随鼠标运动图层效果的方法之前，我们首先需要了解几个关键的概念和知识点。首先，jQuery是一个快速、小巧、功能丰富的JavaScript库，它封装了JavaScript的复杂操作，使得Web开发者可以更加...
鼠标事件兼容
weixin_30414305的博客
11-05 105
<body> <div class="div1></div> </body> <script> var evetK = {//对象:就相当于苍老师 //addhandle就相当于苍老师的名字;addhandle:function(ele,type,handle){//添加时间 if (ele.addEven...
【兼容性问题】鼠标滚轮方向的兼容性写法
星光不问赶路人，时光不负有心人。
02-20 574
                【兼容性问题】鼠标滚轮方向的兼容性写法 问题：什么表示滚轮方向？ IE/Chrome中:   event.wheelDelta 表示滚轮方向。 FireFox中：event.detail 表示滚轮方向。   在说鼠标滚轮方向的兼容性写法前，先介绍浏览器中鼠标滚轮方向的正负值： 规律1.     IE和Chrome：滚轮向上滚，event.wheelDel...
js鼠标滚轮事件兼容
yiting123456789的博客
10-05 432
问题：滚轮事件 * onmousewheel * 不兼容火狐 * * DOMMouseScroll * 只支持火狐 * * e.wheelDelta;（120的倍数） * 记录滚动事件的方向 * 负值是往后拉 * 正值就是往前推
鼠标滚轮事件，解决兼容浏览器
weixin_46002223的博客
02-27 257
鼠标滚轮事件，解决兼容浏览器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g
python模拟鼠标拖动操作的方法
09-22
在Python编程中模拟鼠标拖动操作，可以使用多种方法，但在介绍这些方法之前，我们首先需要了解几个关键概念和工具。 首先，`win32api`模块是Windows应用程序编程接口（API）的Python封装，它允许用户直接与Windows...
JS拖动鼠标画出方框实现鼠标选区的方法
10-23
至于样式部分，代码中定义了两种css类：一种是.div，用于初始的鼠标按下创建的div元素，其样式为绝对定位、透明边框和初始尺寸为0，这样用户在移动鼠标时不会看到任何东西；另一种是.retc，用于表示最终选区的div...
js实现文字跟随鼠标移动而移动的方法
10-24
接下来，我们将详细介绍js实现文字跟随鼠标移动的原理和具体实现方法。 首先，要实现文字跟随鼠标移动，需要对鼠标移动事件进行监听。在JavaScript中，可以使用`document.onmousemove`事件监听器来捕捉鼠标的移动。...
firefox中用javascript实现鼠标位置的定位
10-30
因此，一个兼容Firefox和其他浏览器的获取鼠标位置的函数可以这样实现： ```javascript function getMouseLocation(event) { // 检查是否支持pageX和pageY if (event.pageX != null && event.pageY != null) { ...
鼠标滚轮事件及其兼容
neddiepeng的博客
11-14 431
鼠标滚轮事件：1，兼容火狐浏览器，在火狐浏览器中用到了addEventListener if(document.addEventListener){     document.addEventListener('DOMMouseScroll',scrollFunc,false); }      2,兼容ie 与 谷歌浏览器 if(document.attachEvent){
js鼠标滑轮滚动事件绑定（兼容主流浏览器）
农村的我的专栏
03-09 2880
/** Event handler for mouse wheel event. *鼠标滚动事件 */ var wheel = function(event) { var delta = 0; if (!event) /* For IE. */ e
[qemu] VNC鼠标不同步
tzwsoho的专栏
05-13 5067
启用qemu的VNC远程控制之后，默认鼠标指针总是跟客户端指针运动不同步，网上教的是加上-usbdevice tablet参数即可搞定，但此参数已被新版的qemu弃用，新的参数应该是-machine usb=on -device usb-tablet。...
在Qemu/KVM下虚拟Windows XP中的鼠标位置偏移问题
Be the best myself
12-27 1万+
在Qemu/KVM中虚拟一个windows xp操作系统，发现用VNC（使用kvm -vnc :1参数启动qemu的VNC）登录windows的时候，出现严重的鼠标偏移现象，基本上无法对windows进行操作。Google了一下，发现Xen中也出现了类似的问题：http://blog.csdn.net/jcwKyl/archive/2010/12/16/6079385.aspx以上博客中提到的解决方法一很简单，但是和实际操作有一些出入，不知道是不是因为windows XP版本的问题。具体修改方法如下：控制面
如何关闭win7的ps/2兼容鼠标(触屏版)
热门推荐
weixin_33816300的博客
05-09 1万+
买了一个新电脑联想ThinkPad E555 可是刚拿到是个win10 的系统，用习惯了win7，win0不太好用， 然后帮我刷成了win7，之后一切都好，性能也是让我很满意，但是却关不掉触控板，于是上网搜索了一下，弄明白怎么禁用掉触摸屏了。 具体如下： 首先呢，估计是系统的问题，fn＋f1建根本就没用，fn＋其他的都好，就是没法禁用触控板，然后我就去控制面...
virt-manager 解决 kvm虚拟机中鼠标不同步的问题
晨枫的博客
11-02 6284
今天在VNC界面中感觉virt-manager管理的虚拟机界面总是鼠标跟不上，指到哪儿也看不出来，界面上一直显示press control_l+a/t_l来移动鼠标，想要修改鼠标和宿主机界面同步方法如下： cd /etc/libvirt/qemu； vi 修改相应的xml文件； 在标签下添加 ； 最后再 virsh define /etc/libvirt/qemu/**.xml（相应的xm
qemu使用实例和常用参数
whatday的专栏
11-04 1万+
=========================qemu使用实例参数详解========================= qemu.exe -kernel-kqemu -L . -m 512 -hda f:\system-virtual\windowsxp\windowsxp.vmdk -cdrom  e:\my-lab\iso\windowsxp-en.iso -boot d
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值