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:   大小是内容的大小