游客

标题:分析x,offsetX clientX screenX,pageX,y,offsetY client
正文:
本案例测试下载：event1.html(3.7 KB)仔细体会案例1.IE的x,y：设置或获取鼠标指针位置(触发的节点testid1)，到ID为testid的父节点外边界的距离，其中不包括滚动条显示IE的x坐标：显示IE的y坐标：注意：IE的x,y坐标不包括滚动距离scrollLeft,scrollTop,可见区域2.ff的pageX: 设置或获取鼠标指针位置(触发的节点testid1)，到页面文档的距离(包括滚动距离)以文档左上角为参考点，不是以浏览器左上角为参考点兼容IE：event.clientX + document.body.scrollLeft==pageX显示ff的pageX：显示ff的pageY：3. clientX 设置或获取鼠标指针位置(触发的节点testid1)到浏览器的距离(不包括滚动距离) 以浏览器左上角为参考点显示clientX：显示clientY：4. 设置或获取鼠标指针位置(触发的节点testid1)到自身节点(testid1)的内边界的距离(包括滚动距离即不可见区域)显示offsetX或ff的layerX：显示offsetY或ff的layerY：5. screenX,screenY 设置或获取鼠标指针位置(触发的节点testid1)到屏幕的距离显示screenX：显示screenY： 总结一句话：坐标就是搞清楚以什么为参考点 1. ie的x,y是以事件触发元素的父元素外界为参考点(不包括滚动距离) 2. FF的pageX,pageY是以body元素为参考点(所以肯定包括滚动距离) 3. ie和ff的clientX,clientY以浏览器左上角为参考点(所以肯定不包括滚动距离) 4. ie的offsetX,offsetY和ff的layerX,layerY以事件触发元素内界的左上角为参考点(肯定包括滚动距离) 当有边框时，可能出现负数 滚动距离的产生就是子元素的高度(或宽度)大于父元素的高度(或宽度)时 style.overflow
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页