js如何获取某个html元素的x y坐标
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js如何获取某个html元素的x y坐标相关的知识，希望对你有一定的参考价值。
参考技术A <!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.2.1.min.js"></script>
</head>
<body>
<ul>
<li>1234</li>
<li>12345</li>
<li>123456</li>
<li>1234567</li>
</ul>
<script>
$('ul').on('click','li',function (e)
console.log(e.clientX);
console.log(e.clientY);
)
</script>
</body>
</html>
如何用JS 获取DIV的坐标位置？
div事先在输入框的下面的而且是隐藏的，当点击表情图标，div通过onclick激活JS某个函数，该函数内必须会有一段使隐藏的div显示出来的方法语句，是通过这样个流程实现的。
怎样去定位这个表情DIV的位置的，这个css里面有一个叫position的方法，利用坐标x,y实现div位置任意改变。
把div设置成相对定位或绝对定位，总之是让其拥有left,top值，当鼠标移进div的时候获取鼠标的坐标，用鼠标的left减去div的left值就是鼠标在div里面的left值，即鼠标在div中的x坐标，
同理，用鼠标的top值减去div的top值就是鼠标在div里面的top值，即鼠标在div中的y坐标。
如何用JS 获取DIV的坐标位置方法：
第一种
第二种
js实现获取div坐标com.whuang.hsj.divCoordinate()方法介绍：
功能:返回div坐标;
参数:div对象或div的id(字符串);
返回值:对象,有六个属性:
width:div自身的宽度;
height:div自身的高度;
x:div左上角的坐标x;
y:div左上角的坐标y;
scrollLeft:水平滚动条的位置
scrollTop:竖直滚动条的位置
以上是关于js如何获取某个html元素的x y坐标的主要内容，如果未能解决你的问题，请参考以下文章