鼠标的坐标属性,pageX,clientX,offsetX,screenX

	//pageX
	//pageY
	//clientX
	//clientY
	//offsetX  
	//offsetY
	//screenX
	//screenY
	
	
	box.onclick = function(eve){
		//console.log(eve);//ie8下undefined 没有实参
		//ie8的事件对象保存在widow的event属性下
		//console.log(eve,window.event);
		var e = eve || window.event;//事件对象的兼容写法
		//console.log(e.pageX,e.pageY);
		//console.log(e.clientX,e.clientY);
		//ie8下page的属性是undefined
		/*e.pageY : 距离浏览器可视区顶部的距离 + 浏览器滚走的距离
		e.clientY : 距离浏览器可视区顶部的距离
		兼容：
		e.pageY = e.clientY + 浏览器滚走的距离*/
		
		//offsetX
		
		//console.log(e.offsetX,e.layerX);
		
		
		//元素内部偏移量 包含padding内边距不包含边框
		//兼容火弧低版本
		//var oX = e.offsetX || e.layerX;
		
		//console.log(e.screenX);//距离电脑屏幕左边的距离