1,offsetWidth, offsetHeight
得到对象自己的宽,高,包括padding,border。
offsetWidth = width + border + padding;
offsetHeight = height + border + padding;
div.style.width只能得到行内样式的width。
2,offsetLeft, offsetTop
offsetLeft 返回距离上级盒子(带有定位)左边的位置,子盒子到定位的父级盒子边框内的位置(含padding,从padding开始)到子盒子边框外边缘的位置;
offsetTop 返回距离上级盒子(带有定位)顶部的位置。
3,offsetParent
返回该对象的带有定位的父级(多层级的)。
如果当前对象的父级都没定位,offsetParent为body,IE7下如果当前对象的parentNode没有触发haslayout,则offsetParent为body,否则和parentNode一样,为直接父级。offsetParent是个只读属性,返回最近显示指定位置的容器元素的引用。当元素的style.display='none'时,offsetParent返回null。由于offsetTop和offsetLeft是相对于页边距,因此offsetParent是非常有用的。
onmousemove
document.onmousemove = null; //鼠标弹起的时候清空移动操作。
防止选择拖动
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();