js获取位置，js获取dom位置

js如何获取鼠标在某元素移动时~鼠标指针在元素中的坐标?

1、兼容IE8+ 用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。

2、获得当前鼠标的坐标，根据参照物的不同，分为以下几套坐标系。一套是以当前浏览器的可视区为参照物（clientX，clientY），另一套是以显示器的屏幕为参照物（screenX，screenY）。此外微软还有一套坐标系（x，y），它是相对于触发事件的对象的offsetParent的。

3、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码：var e = event || window.event；document.body.innerText = e.clientX + ， + e.clientY；。浏览器运行index.html页面，此时会打印出鼠标的当前位置坐标。

4、设置鼠标位置的Js方法创建一个新的html代码页，并找到也可以点击开始按钮，在开始菜单的右侧点击控制面板。弹出控制面板窗口，点击硬件和声音。如果界面不是这样的，则需要更改右上方的查看方式为类别。进入硬件和声音的窗口界面，在右侧找到鼠标项，点击。

5、然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。接下来是对无序列表做一下简单的样式，便于后期测试悬浮效果；给li设置一下宽度以及设置一下边框 整体思路：可以用for循环去遍历下的所有；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。

相关问答

Q1: JS移动端获取触控位置

1、如图位置是一个html中的可编辑内容的div标签，在里边输入文字，会有一个光标。通过getSelection可以获得一个Selection对象，如图。因为是一个光标，anchor和focus（选择的起点和终点）一样，偏移也一样。如图，则进行文字选择，而且是跨行选择，以第一行为起点，第二行为终点，选择文字。

2、触发touchstart事件后，会产生一个event对象，event对象里包括触摸列表，获得屏幕上的第一个touch，并记下其pageX，pageY的坐标。定义一个变量标记滚动的方向。此时绑定touchmove，touchend事件。定义手指在屏幕上移动的事件，定义touchmove函数。

3、设置鼠标位置的Js方法创建一个新的html代码页，并找到也可以点击开始按钮，在开始菜单的右侧点击控制面板。弹出控制面板窗口，点击硬件和声音。如果界面不是这样的，则需要更改右上方的查看方式为类别。进入硬件和声音的窗口界面，在右侧找到鼠标项，点击。

Q2: 原生JS获取页面中DIV绝对位置的方法

1、getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top， right， bottom， left等属性。offsetLeft指的是元素相对于 版面或 由 offsetParent 属性指定的 父坐标 的计算上侧位置，整型，单位像素。

2、新建一个html文件。在html页面上创建一个点击的button按钮。为button添加点击时创建一个新的div事件。使用document.createElement(div)创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到body显示。为button按钮添加点击是创建新div事件。

3、使用 DIV 的方法跟使用其他 tag 的方法一样： DIVThis is a DIV tag ./DIV 如果单独使用 DIV 而不加任何 CSS-P， 那么它在网页中的效果和使用 P/P 是一样的。 但当我们把 CSS-P 用到 DIV 中去以后，我么就可以严格设定它的位置。

4、方法一：定义div的宽度，添加样式边距：0auto 示例：标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。p可定义文档中的分区或节(pision/section)。DIV是块状标签，它里边可以放置TABLE等各种模块。

5、div的位置可以直接用offsetLeft或者offsetTop属性获取。

Q3: js怎么获得鼠标当前坐标

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码：var e = event || window.event；document.body.innerText = e.clientX + ， + e.clientY；。浏览器运行index.html页面，此时会打印出鼠标的当前位置坐标。

获得当前鼠标的坐标，根据参照物的不同，分为以下几套坐标系。一套是以当前浏览器的可视区为参照物（clientX，clientY），另一套是以显示器的屏幕为参照物（screenX，screenY）。此外微软还有一套坐标系（x，y），它是相对于触发事件的对象的offsetParent的。

设置鼠标位置的Js方法创建一个新的html代码页，并找到也可以点击开始按钮，在开始菜单的右侧点击控制面板。弹出控制面板窗口，点击硬件和声音。如果界面不是这样的，则需要更改右上方的查看方式为类别。进入硬件和声音的窗口界面，在右侧找到鼠标项，点击。

可以通过传递参数获取。document.body.scrollTop是网页被卷去的高，具有 DTD 时用 document.documentElement.scrollTop 代替 document.body.scrollTop ，否则取不到值。Firefox和其他的浏览器使用event.pageX和event.pageY来表示鼠标相对于document文档的位置。

Q4: html,js如何获取当前鼠标位置

1、使用pageX、pageY获取鼠标当前位置。在title标签后面新建一个script，创建鼠标移动时获取鼠标当前的位置。

2、使用事件对象中的target属性，每当鼠标经过一个元素时，就把它赋值给el变量 任何时候，读取el变量的值即为鼠标当前所在的元素。

3、/html 兼容IE8+ 用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。

4、首先，获取到事件对象e，事件来源，IE下面对应的是srcElement，FF下面是target。

5、js如何设置鼠标位置 设置鼠标位置的Js方法创建一个新的html代码页，并找到也可以点击开始按钮，在开始菜单的右侧点击控制面板。弹出控制面板窗口，点击硬件和声音。如果界面不是这样的，则需要更改右上方的查看方式为类别。进入硬件和声音的窗口界面，在右侧找到鼠标项，点击。

Q5: 通过js怎么获得div的位置

样式 getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top， right， bottom， left等属性。offsetLeft指的是元素相对于 版面或 由 offsetParent 属性指定的 父坐标 的计算上侧位置，整型，单位像素。

新建一个html文件。在html页面上创建一个点击的button按钮。为button添加点击时创建一个新的div事件。使用document.createElement(div)创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到body显示。为button按钮添加点击是创建新div事件。

你将js引入到jsp中，代码：(一般写在head标签内)script type=text/javascript src=js/script 这样，就可以把两个文件看成一个文件来处理了，那么在js中直接查找jsp中的div为：var divObj = document.getElementById(name1)；divObj就是你的div了。

利用js代码首先创建一个div，document.createElement(div)； 确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。 确定位置之后，显示div即可。

根据点击的元素位置或者鼠标位置，算出生成div的left跟top，然后绝对定位到该位置即可。

关于js获取位置和js获取dom位置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。