1、客户区坐标位置
var oDiv = document.getElementById('div1'); function handler(event){ event = EventUtil.getEvent(event);//兼容event console.log(event.clientX+'/'+event.clientY); } EventUtil.addHandler(oDiv,'click',handler);
2、页面坐标位置
var oDiv = document.getElementById('div1'); function handler(event){ event = EventUtil.getEvent(event);//兼容event console.log(event.pageX+'/'+event.pageY); } EventUtil.addHandler(oDiv,'click',handler);
IE8以下兼容(非标准)
var oDiv = document.getElementById('div1'); function handler(event){ event = EventUtil.getEvent(event); var pageX = event.pageX, pageY = event.pageY; if (pageX === undefined) { pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft); } if (pageY === undefined) { pageY = event.clientY + (document.body.scrollTop || document.documentElement.scrollTop); } console.log( pageX+' : '+pageY ); } EventUtil.addHandler(oDiv,'click',handler);
pageX和pageY的值与clientX和clientY的值相等
3、屏幕坐标位置
var oDiv = document.getElementById('div1'); function handler(event){ event = EventUtil.getEvent(event); console.log(event.screenX+' : '+event.screenY ); } EventUtil.addHandler(oDiv,'click',handler);
screenX和screenY,点击位置在这个电脑屏幕的坐标位置