Selenium_獲取相對坐標

本文轉載自查看原文 2016-03-15 17:04 3398 Selenium

<html>
<head>
    <title>位置</title>
    <style>
        .test {
            background: url("image/omeoclickimg.jpg");
        }
    </style>
    <script language="javascript" type="text/javascript">
        function c() {
            var objTop = getOffsetTop(document.getElementById("d"));//對象x位置
            var objLeft = getOffsetLeft(document.getElementById("d"));//對象y位置

            var mouseX = event.clientX + document.body.scrollLeft;//鼠標x位置
            var mouseY = event.clientY + document.body.scrollTop;//鼠標y位置
//計算點擊的相對位置
            var objX = mouseX - objLeft;
            var objY = mouseY - objTop;
            clickObjPosition = objX + "," + objY;

            alert(clickObjPosition);
        }

        function getOffsetTop(obj) {
            var tmp = obj.offsetTop;
            var val = obj.offsetParent;
            while (val != null) {
                tmp += val.offsetTop;
                val = val.offsetParent;
            }
            return tmp;
        }
        function getOffsetLeft(obj) {
            var tmp = obj.offsetLeft;
            var val = obj.offsetParent;
            while (val != null) {
                tmp += val.offsetLeft;
                val = val.offsetParent;
            }
            return tmp;
        }
    </script>

</head>
<body style="margin:0px;">
<div style="padding:90px;border:1px solid #ccc;font-size:36px;width:800px;height:800px;"></div>
<div id="area"></div>
<div style="width:1400px;height:300px;border:1px solid red;padding-left:1200px;">
    <div id="d" class="test" style="width:230px;height:230px;border:1px solid green;padding:10px;cursor:hand;"
         onclick="c()"></div>
</div>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 div內鼠標坐標位置及絕對和相對坐標獲取 [UE4]世界坐標和相對坐標 python selenium5 模擬點擊+拖動+按照指定相對坐標拖動 58同城驗證碼 android中獲取View的絕對坐標使用相對坐標定位元素 appium使用相對坐標定位元素 js獲取div相對屏幕的坐標位置 Selenium_等待頁面加載完畢 selenium——獲取網頁元素坐標 selenium——獲取網頁元素坐標