JS 常用位置 和 尺寸 获取 鼠标的坐标

关于window

　　innerWidth　　文档显示区域 宽

　　innerHeight　　文档显示区域 高

　　outWidth　　浏览器整个宽

　　outHeight　　浏览器整个高

　　screenX（screenLeft）　　浏览器里屏幕左上角距离的x坐标

　　screenY（screenTop）　　浏览器里屏幕左上角距离的y坐标

关于节点

　　尺寸：

　　element.clientWidth　　内容+内边距（填充盒）宽

　　element.clientHeight　　内容+内边距（填充盒）高

　　element.offsettWidth　　内容+内边距+边框（边框盒）宽

　　element.offsettHeight　　内容+内边距+边框（边框盒）宽

　　位置：边框盒的位置，以第一个定位的父级元素为基准

　　element.offsettLeft　　　　element.offsettTop

关于鼠标位置

　　event.clientX　　event.clientY　　相对于文档显示区的xy方向距离，整个document显示出来的部分左上角

　　event.pageX　　event.pageY　　相对于页面的xy方向距离，整个文档左上角，不管有没有显示

　　event.offsetX　　event.offsetY　　相对于节点元素的左上角位置（事件源节点）

　　event.screenX　  event.screenY　相对于电脑屏幕左上角的距离

注：值全是Number类型，且只读。