2017年5月22日

一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别

摘要： 先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client 阅读全文

posted @ 2017-05-22 19:13 灵剑丹心 阅读(142) 评论(0) 推荐(0) 编辑

clientHeight的纠结之处

摘要： 页面加载完毕document.body.clientHeight和document.body.scrollHeight的值相等，滚动后document.body.clientHeight才变回正常的可见客户区高度，这让document.body.clientHeight显得有点不正常，反观docum 阅读全文

posted @ 2017-05-22 18:41 灵剑丹心 阅读(136) 评论(0) 推荐(0) 编辑

js和jq的获取元素偏移位置

摘要： 原生JS中的 offsetLeft 获取的是元素距离其父容器的左偏移（位置） HTMLElement.offsetLeft 是一个只读属性，返回当前元素左上角相对于 HTMLElement.offsetParent 节点的左边界偏移的像素值。 jQuery中的 position().left pos 阅读全文

posted @ 2017-05-22 17:18 灵剑丹心 阅读(588) 评论(0) 推荐(0) 编辑

导航