元素，event宽高

event的属性

event. screenX,screenY	点击位置距离当前电脑屏幕的x，y坐标
event.clientX、clientY	说明相对浏览器可视x，y
event.pageXY	对于整个页面来说，包括了被卷去的body部分的长度
event.pageX =event.clientX+滚动条拉动距离	event.pageY =event.clientY+滚动条拉动距离
offsetX,offsetY	相对于带有定位的父盒子的x，y坐标
screenX、screenY	和screenX、screenY一样

------------------------------------------------------分割线---------------------------------

元素的属性

offsetWidth	包含边框的宽，不包含外边距
offsetHeight	包含边框的高，不包含外边距
offsetLeft	当前元素左边框外侧到上一个非static定位元素的左边框内侧，没边框及时内容区的边缘
offsetTop	当前元素上边框外侧到上一个非static定位元素的上边框内侧，没边框及时内容区的边缘
offset包含边框	client包含内边距
clientWidth	clientWidth = width+左右padding
clientHeight	clientHeigh = height + 上下padding
clientTop	boder.top(上边框的宽度)
clientLeft	boder.left(左边框的宽度)

window可视宽高

function getClientWidth() {
	return document.documentElement.clientWidth || document.body.clientWidth;
}

function getClientHeight() {
	return document.documentElement.clientHeight || document.body.clientHeight;
}

function getPageX() {
	return document.documentElement.pageX || document.body.pageX;
}

function getPageY() {
	return document.documentElement.pageY || document.body.pageY;
}

function getScrollLeft() {
	return document.documentElement.scrollLeft || document.body.scrollLeft;
}

function getScrollTop(){
	return document.documentElement.scrollTop || document.body.scrollTop;
}