Selenium_获取相对坐标
2016-03-15 17:04
288 查看
<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>
相关文章推荐
- keepalived配置文件详解
- SpringIoc BeanDefinition载入交互过程
- 利用memcache来保存tomcat的session会话
- MongoDB:Replica Set 之操作日志 Oplog
- MongoDB:Replica Set 之操作日志 Oplog
- JNI(Java Native Interface)
- HTML
- 《计算机组成原理》计算机的主要部件及其功能是什么?
- opencv源码编译
- 新浪微博授权登陆获取个人信息
- 数据结构与算法面试题80道(37)
- Linux系统的启动流程
- Selenium_模拟淘宝登录Demo
- linux shell 系列 sed 命令基本用法实例-①set命令选项的应用案例
- iPhone lighting 数据线品牌
- 19个心得 明明白白说Linux下的负载均衡
- 【考试】职称英语考试那些事儿
- Android中dp和px转换的工具类【工具类静态方法注意防止内存泄露】
- B
- Linux命令之文件系统(七)