Js event对象offsetX，pageX，screenX，clientX详解
平时在测量元素位置时难以确定，下面给出具体的event对象中的各种属性，以便日后使用。 检测相对于浏览器的位置：clientX和clientY 当鼠标事件发生时，鼠标相对于浏览器左上角的位置 检测相对于文档的位置 ...
原文：JS一秒区分clientX,offsetX,screenX,pageX之间关系
javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下 event.clientX event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标 窗口坐标 ，可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这 个属性 event.pageX event.pageY 类似于event.clientX eve ...
2016-09-09 09:15 0 2192 推荐指数：
相关推荐
screenX,clientX,pageX,offsetX,pageXoffset的区别
event.screenX、event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性 event.clientX、event.clientY 鼠标相对于浏览器可视区域的X,Y坐标（将参照点改成了浏览器内容区域的左上角），可视区域不包括工具栏 ...
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX ...
图解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 ...
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.o ...