pagex和clientx,boox note2
另一方面,概念总结1、event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的x、y坐标(窗口坐标),可视区域不包含工具栏和滚动条。 IE和标准事件定义了这两个属性。 clientX是指距离显示区域左侧的距离,以滚动条滚动的位置为基准点。 每个浏览器都是相同的。 也就是说,如果存在滚动条,则clientX小于pageX。
2、event.pageX、event.pageY类似于event.clientX、event.clientY,但不是窗口坐标,而是使用的是文档坐标。 这两个属性虽然不是标准属性,但得到了广泛的支持。 IE事件没有这两个属性。 pageX是指鼠标在页面上的位置,如果以页面左侧为参考点页不滚动,则pageX和pageY的值与clientX和clientY的值相同。
3、event.offsetX、event.offsetY鼠标http://www.Sina.com/(srcelement )的x、y坐标,只有IE事件具有这两个属性,而标准事件具有对应的属性
4、event.screenX、event.screenY鼠标相对于事件源元素的x、y坐标。 标准事件和IE事件定义了这两个属性。 screenX :鼠标在屏幕上的位置是指鼠标与计算机屏幕左侧的距离。 例如,如果缩小网页并将其拖动到屏幕中央,则screnX会大于clientX。
5、event.layerX、event.layerY 相对于用户显示器屏幕左上角是相对于父要素的位置,是鼠标的"在相对于触发事件的要素的层次关系中最接近该要素的FireFox特有
6、从event.x、event.y到可视领域的距离,FireFox无法识别。 与有无滚动条相同,与clientX相同。
二、图标分析1、clientX、offsetX、screenX、pageX差异:
2、clientX、offsetX、screenX的区别:
1、clientX、offsetTop、offsetLeft、offsetWidth、offsetHeight的区别: