• 坐标位置


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

  • 相关阅读:
    vue苦逼自学之路
    第一次博客作业
    u3d学习资料
    leetcode——Divide Two Integers
    leetcode——Swap Nodes in Pairs
    leetcode——Merge k Sorted Lists
    leetcode——Container With Most Water
    leetcode——Regular Expression Matching
    leetcode——Longest Palindromic Substring
    CC_CALLBACK之间的区别
  • 原文地址:https://www.cnblogs.com/jokes/p/9681942.html
Copyright © 2020-2023  润新知