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

  • 相关阅读:
    蓝桥杯基础练习题4(16进制转8进制)2
    实验三
    文法
    用文法描述词法规则
    词法分析程序的功能
    个人对于编译原理的一些看法的。
    完成登录与注册
    javaScript基础
    css实例
    导航,头部,CSS基础
  • 原文地址:https://www.cnblogs.com/jokes/p/9681942.html
Copyright © 2011-2022 走看看