pageX、clientX、screenX 1.clientX、clientY(客户区坐标位置)表示鼠标事件发生时,鼠标在视口中的水平、垂直坐标值。 注意,clientX、clientY不包括页面滚动的距离,因此这个位置并不表示鼠标在页面上的位置(pageX、pageY)。 2.pageX、pageY(页面坐标位置)表示鼠标事件发生时,鼠标在页面中的水平、垂直坐标值。 注意,pag...
1、screenX 和screenY 参照点:电脑屏幕左上角 screenX:鼠标点击位置相对于电脑屏幕左上角的水平偏移量 screenY:鼠标点击位置相对于电脑屏幕左上角的垂直偏移量 2、clientX和clientY 参照点:浏览器内容区域左上角 clientX:鼠标点击位置相对于浏览器可视区域的水平偏移量(不会计算水平滚动的距离) clientY:鼠标点击位置...
pageX、clientX、screenX、offsetX、ScrollLeft、ScrollTop、clientLeft、screenLeft 1、鼠标事件pageX、clientX、screenXclientX 设置或获取鼠标指针位置相对于浏览器内容窗口的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于浏览器内容窗口的 y 坐标,其中客户区域不包括窗口自身...
pageX, pageY相对页面左上角的距离 screenX screenY screenX screenY 相对屏幕左上角的位置 总结: clientX和clientY与x,y一样的,以浏览器显示区域的左上角开始,指鼠标的坐标。x,y是新浏览器支持 offsetX,offsetY,针对目标元素的左上角坐标,从padding开始。 layerX,layerY,往上找有定位属性的父元素的左上角...
clientX属性与screenX类似，都是描述鼠标位置相对于屏幕的偏移，但它们的参照点不同。clientX的参照点是浏览器内容区域的左上角，即网页内容的起点位置。这意味着当滚动条存在时，clientX值会根据滚动条的位置进行相应调整。pageX属性也以浏览器内容区域的左上角为参照点，但在获取鼠标位置时，它不会受到...
了解offsetX、layerX、clientX、screenX以及pageX这几个方法时，关键在于它们获取事件位置的参照系不同。offsetX指的是事件发生位置相对于触发元素左上角的水平坐标。layerX是针对FF浏览器特有的方法，它表示鼠标相对于当前坐标系的位置，即从当前容器依次往上寻找设置了绝对定位或相对定位的元素作为参考坐标...
pageX 这个东西是相对于DOCUMENT的。只是IE678不支持,IE9支持! 例子如下: 上面的代码稍微改一下: x =e.pageX;y =e.pageY;screenX 相对于屏幕的,虽然没多大用吧! 同样可以修改代码: x =e.screenX;y =e.screenY;offsetLeft 这个是表示对象定位的坐标,而非鼠标事件的坐标!
clientX,pageX,screenX,offsetX 知乎用户r8hu04 一、clientX、clientY 点击位置距离当前body可视区域的x,y坐标 二、pageX、pageY 对于整个页面来说,包括了被卷去的body部分的长度 三、screenX、screenY 点击位置距离当前电脑屏幕的x,y坐标 四、offsetX、offsetY 相对于带有定位的父盒子的x,y坐标 五、x、y 和...
四. PageX、 PageY 从上面刚刚讲过的clientY和clientX不关心溢出的那部分。哪有人关心溢出的那部分距离吗?你别说还真有,那就是pageX和pageY。 因为这个属性是相对于整个文档的左上角来开始计算的,所以我们上面的溢出例子还触发不了这个属性的变化。 我们这里借助MDN的页面来讲解,由上面clientY的知识可以得到,当我们...
参考坐标系,以该容器的左上角来计算水平坐标•clientX:是指事件发生位置相对可视区域的水平坐标(只是document展现的部分,不包括搜索栏、书签栏等)•screenX:是指事件发生位置相对电脑屏幕的水平坐标•pageX:是指事件发生位置相对文档(document)的水平坐标(...