坐标位置

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,点击位置在这个电脑屏幕的坐标位置

原文地址:https://www.cnblogs.com/jokes/p/9681942.html