clientX,offsetX,layerX,pageX,screenX,X鼠标位置全解
clientX,offsetX,layerX,pageX,screenX,X有时容易记混，通过测试当前的主流浏览器疏理了自己的一些看法以供参考。 Chrome下（测试版本为51.0.2704.106 ）： 由上图可见题目中的6种属性可分为三大类： 1.鼠标指针 ...
相关推荐
鼠标事件以及clientX、offsetX、screenX、pageX、x的区别
鼠标事件 鼠标事件有下面这几种： 1. onclick 鼠标点击事件 box.onclick = function(e ...
screenX,clientX,pageX,offsetX,pageXoffset的区别
event.screenX、event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性 event.clientX、event.clientY 鼠标相对于浏览器可视区域的X,Y坐标（将参照点改成了浏览器内容区域的左上角），可视区域不包括工具栏 ...
原生js获取鼠标坐标方法全面讲解：clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取 ...
关于offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的区别
关于offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的区别 offsetX、offsetY: 鼠标相对于事件源元素（srcElement）的X,Y坐标 clientX、clientY: 鼠标相对于 ...
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
转：https://www.cnblogs.com/jiangxiaobo/p/6593584.html 图解 event.offsetX，event.clientX，event.pageX，event.screenX属性 图解 event.layerX，event.layerY ...
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX ...
screenX clientX pageX的区别
screenX clientX pageX概念 打开的pop窗口随着鼠标点击的dom元素而定位展示的js代码： e是click事件，o是pop窗口的宽度或高度， eventX = function (e, o) { e = e || window.event; o = o || 0; x ...