zoukankan      html  css  js  c++  java
  • 坐标位置

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

  • 相关阅读:
    辗转相除法
    并查集(详)
    LCA 最近公共祖先
    RMQ ST表 静态区间最大值
    manacher
    题解 CF33B String Problem
    Linux 下对拍程序
    CSP 考试注意事项
    题解 P4688 [Ynoi2016]掉进兔子洞
    CSP 2020 游记
  • 原文地址:https://www.cnblogs.com/jokes/p/9681942.html
Copyright © 2011-2022 走看看