js——事件中event鼠标属性 document对象访问 盒子页面宽高距离及滚动高度（offset/client/scroll等）

事件中event鼠标属性

btn.onclick=function(event){
event.
//光标相对该网页的水平/垂直位置（当前可视区域，不算滚动隐藏距离）
clientX
clientY
//事件类型
type
//该事件被传送到的对象
target
//光标相对该屏幕的水平/垂直位置（整个屏幕，与浏览器窗口大小无关）
screenX
screenY
//光标相对于该网页的水平/垂直位置（当前文档，绝对定位，算滚动后隐藏的距离
pageX
pageY
//该窗口或框架的宽/高
width
height
//返回拖拽对象的url字符串
data
}

document对象访问

//获取头部
document.head
//获取标题
document.title
//获取身体（谷歌不兼容）
document.body
//获取身体（谷歌兼容）
document.documentElement

盒子页面宽高距离及滚动高度
scroll：

//把内容滚动到指定位置
scrollTo(x,y);

//定值：包含由于页面太大而隐藏的距离
document.body.scrollWidth/Height;

//不定值：滚动距离
document.body.scrollTop/Height;

//滚动高度兼容写法：
var scrollT=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;

client:

//网页可见区域宽高（若是盒子则不包括border（scroll-也不包括），而offset-包括）
clientWidth
clientHeight

//上左边框的宽度（offset-指当前盒子距离有定位盒子的距离，scroll-指滚动产生的距离）
clientTop
clientLeft

offset:

//找到父盒子中第一个有定位的盒子（而parentNode不考虑是否定位）
offsetParent

//盒子宽高（包括width，border，padding）
offsetWidth
offsetHeight

//距离第一个有定位（若无，则以body为准）的父级盒子左边和上边距离
offsetLeft
offsetTop

getBoundingClientRect().top/left/rigth/bottom:
获取盒子顶/左/右/底部到屏幕上/左的距离