screenX、client X、pageX、offsetX、layerX

screenX, client X

screenX: 鼠标在屏幕中的水平坐标
client X: 鼠标在客户端区域（浏览器可视区域）的水平坐标，不论页面是否有水平滚动

pageX

相对于整个文档的x（水平）坐标
个人认为：pageX = clientX + scrollLeft (水平滚动的距离)

以下是mdn的介绍：

offsetX

相对于目标元素，鼠标点击的水平位置

layerX

是firefox用来替代offsetX/Y

screenX、client X、pageX、offsetX、layerX相关推荐

vue拖拽指令之offsetX、clientX、pageX、screenX
自己一直很想做个拖拽生成静态页面的东西,说简单也简单,这个东西按道理用jsx语法是最好的,用render方法渲染生成的json.只是自己对这块还是没信心.今天写个vue的拖拽指令,顺便理一下offse ...
区分clientX、offsetX、pageX、screenX
以前一直以为写了这几个属性的区分的,今天再来看居然没有写. 不过这个还是很有用的.这里再来总结一下. 所有解释都在图里面.这里再来文字解释一下,图中至标注了Y的值,X同理. clientX clien ...
event对象的offsetX、clientX、pageX、screenX及 window.innerWidth、outerWidth使用详解
目录 offset client screen page window.innerWidht offset offsetX.offsetY为当前鼠标点击位置距离当前元素参考原点(左上角)的距离,而不同 ...
pageX、clientX、screenX、offsetX、layerX、x
参考:http://www.cnblogs.com/xesam/archive/2011/12/08/2280509.html chrome: e.pageX--相对整个页面的坐标 e.layerX- ...
clientX、offsetX、screenX、pageX的区别
一.概念总结 1.event.clientX.event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条.IE事件和标准事件都定义了这2个属性.cl ...
鼠标点击事件对象的clientX、pageX、offsetX、screenX、x
1. clientX.clientY 鼠标点击位置距离当前浏览器可视区域(可视区不包括工具栏和滚动条)的x,y坐标(窗口坐标) 滚动条滚动不会造成左上角参照点移动! 2. pageX.pageY 对于 ...
js 事件回调函数的对象属性说明：clientX、screenX、offsetX、pageX
clientX 鼠标相对于浏览器左上角x轴的坐标: 不随滚动条滚动而改变: clientY 鼠标相对于浏览器左上角y轴的坐标: 不随滚动条滚动而改变: pageX 鼠标相对于浏览器左上角x轴的坐标: ...
什么?你还不知道offsetX、offsetY和clientX、clientY和pageX、pageY和screenX、screenY的区别，进来唠唠
offsetX.offsetY: 鼠标相对于事件源元素的X,Y坐标.比如说,给黄色的盒子定义一个点击事件,则这个offset的坐标原点就在这个黄色盒子的左上角,offsetX.offsetY就是相对于 ...
HTML 页面中的位置：clientX、screenX、offsetX、pageX
事件中鼠标的 (x,y) 位置 clientX 鼠标相对于浏览器左上角x轴的坐标: 不随滚动条滚动而改变: clientY 鼠标相对于浏览器左上角y轴的坐标: 不随滚动条滚动而改变: pageX 鼠标 ...
clientX、pageX、offsetX、screenX、offsetWidth、clientWidth等
文章目录 1.clientX .clientY 2.pageX.pageY 注意: clientX和pageX的区别 3.offsetX.offsetY 4.screenX.screenY 5.off ...

screenX、client X、pageX、offsetX、layerX

screenX, client X

pageX

offsetX

layerX

screenX、client X、pageX、offsetX、layerX相关推荐

最新文章

热门文章