js 运动相关属性

    // 缓动公式
    var leader = 0, target = 0;
    setInterval(function(){
        leader = leader +(target - leader ) / 10;

       cloud.style.left = leader + "px";

}

offsetWidth offsetHeight

得到对象的宽度和高度(自己的，与他人无关)

offsetWidth =  width + border  +  padding  

div {  width:220px; border-left:2px solid red; padding:10px;}

 div.offsetWidth =  220 + 2 + 20    

 为什么不用 div.style.width   因为东西 只能得到行内的数值

 

offsetLeft offsetTop

返回距离上级盒子（最近的带有定位）左边的位置

如果父级都没有定位则以body 为准  

这里的父级指的是所有上一级 不仅仅指的是 父亲 还可以是 爷爷 曾爷爷 曾曾爷爷。。。。

event常见属性

属性	作用
data	返回拖拽对象的URL字符串（dragDrop）
width	该窗口或框架的高度
height	该窗口或框架的高度
pageX	光标相对于该网页的水平位置（ie无）
pageY	光标相对于该网页的垂直位置（ie无）
screenX	光标相对于该屏幕的水平位置
screenY	光标相对于该屏幕的垂直位置
target	该事件被传送到的对象
type	事件的类型
clientX	光标相对于该网页的水平位置 （当前可见区域）
clientY	光标相对于该网页的水平位置

防止选择拖动

清除选中的内容

window.getSelection ?window.getSelection().removeAllRanges() : document.selection.empty();

client  可视区域   

    offsetWidth:   width +  padding  + border     （披着羊皮的狼） 

    clientWidth： width  +  padding     不包含border 

    scrollWidth:   大小是内容的大小