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>

Selenium_获取相对坐标的更多相关文章

JavaScript通过ID获取元素坐标
JavaScript通过ID获取元素坐标 function getElementPos(elementId) { var ua = navigator.userAgent.toLowerCase ...
原生js获取鼠标坐标方法全面讲解-zmq
原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y 一.关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种:eve ...
原生js获取鼠标坐标方法全面讲解：clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y【转】
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.sc ...
利用百度地图API，获取经纬度坐标
利用百度地图API,获取经纬度坐标代码很简单,但在网上没找到现成的获取地图经纬度的页面. 就是想,给当前页面传递一个经纬度,自动定位到此经纬度.然后可以重新选择,选择完返回经纬度. 效果如下: 源代 ...
Android必知必会-获取View坐标和长宽的时机
如果移动端访问不佳,请访问–>Github版背景最近要实现一个功能,用到了一些属性动画,需要获取一些View的坐标信息,设计图如下: 这里我使用的是DialogFragment来实现的,可以 ...
原生js获取鼠标坐标方法全面讲解：clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.sc ...
JAVA中经过nginx反向代理获取客户端ip并获取相关坐标等信息
关于搜狐新浪ip库查询接口的使用直接输出访客ip及所在城市: <script src="http://pv.sohu.com/cityjson?ie=utf-8" > ...
微信小程序 --- 获取当前坐标
获取位置:get.location type:wgs84(是全球定位系统,获取的坐标,gcj02是国家测绘局给出的坐标) btnclick:function(){ wx.getLocation({ t ...
JS 获取鼠标坐标
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

随机推荐

SharePoint 2013 托管导航无法被开启的解决办法
在阅读了园子中霖雨的一片博文<SharePoint 2013 托管导航及相关配置>之后,非常想尝试一下SharePoint 2013 中的这个新功能,但是我的网站集包括样式是从2010升级 ...
CSS继承的特殊性
p{color:red;} .first{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</s ...
linux学习之——vim简明教程
摘自 http://blog.csdn.net/niushuai666/article/details/7275406 ——————————正文开始—————————— 你想以最快的速度学习人类史上 ...
Cocos2d-x 3&period;2 学习笔记（十三）CocoStudio UI编辑器 by 保卫萝卜
关于编辑器部分研究的不多,但基本能使用.最近时间不是很多,因此写blog的次数越来越少了.自从玩了<保卫萝卜>时候一直想要写一下,同时练下手感.基本的结构已经写的差不多了,主要完善写UI和 ...
全局唯一标识符(GUID)
全局唯一标识符,简称GUID(发音为/ˈɡuːɪd/或/ˈɡwɪd/),是一种由算法生成的唯一标识,通常表示成32个16进制数字(0-9,A-F)组成的字符串,如:{21EC2020-3AEA-106 ...
RabbitMQ队列
AMQP ,即Advanced Message Queuing Protocol,高级消息队列协议,是应用层协议的一个开放标准,为面向消息的中间件设计.消息中间件主要用于组件之间的解耦,消息的发送者无 ...
iOS中多种方式实现打电话、发短信、写邮件
一.打电话打电话--方法1 NSURL *URL = [NSURL URLWithString:@"tel://10010"]; [[UIApplication sharedAp ...
UPC-5063-二分图最大匹配
好吧二分图的最小点覆盖=最大匹配这道题也就变成模板题了... 写一个提醒,在写二分图时,尽量清零操作清空为-1,比如这个题,匹配数组girl[]如果清空为0,代表每个点都与0点连接,但是实际上是并没 ...
数据挖掘标准规范之CRISP-DM基础
一.前言每每提到数据挖掘,总有些人上来就是ETL.是算法.是数学模型,作为搞工程实施的我而言,很是头疼.其实作为数据挖掘的而言,算法只是其实现手段.是工具和实现手段而已,我们不是在创造算法(国外职业 ...
玲珑OJ 1129 - 喵哈哈村的战斗魔法师丶坏坏い月
1129 - 喵哈哈村的战斗魔法师丶坏坏い月 Time Limit:3s Memory Limit:256MByte Submissions:315Solved:71 DESCRIPTION 坏坏い月 ...