js获取输入法光标位置，js获取光标所在元素

js怎样获取可编辑div中光标的位置?

首先检测鼠标事件，如果有点击编辑区的某个位置，你就获取当前鼠标的落点，然后用innerHTML加入一对标签，span class=color：#XXXXXX/span，所有输入内容都在这个span中间。效果就是输入的所有文字都变色。

方法一：用四个div拼成一个区域，从哪个div移入，就是从哪个方向移入。方法二：获取鼠标移入的那个点，距离div的左右上下哪条边最近，最近的那条边就是鼠标移入的方向。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的script标签，输入js代码：var e = event || window.event；document.body.innerText = e.clientX + ， + e.clientY；。

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

div id=canvas onmousemove=get_canvas(event，this)/div /body /html 兼容IE8+ 用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。

核心是document.selection.createRange方法，具体例子看这里：http：//jsrun.net/wZYKp/edit 具体业务具体操作，就帮你到这儿了。

相关问答

Q1: js如何获取鼠标当前位置实例

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

获得当前鼠标的坐标，根据参照物的不同，分为以下几套坐标系。一套是以当前浏览器的可视区为参照物（clientX，clientY），另一套是以显示器的屏幕为参照物（screenX，screenY）。

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

Q2: js如何获取鼠标指针在元素中的坐标?

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码：var e = event || window.event；document.body.innerText = e.clientX + ， + e.clientY；。

2、所以鼠标在iframe内的坐标应该不能在父页获取。你可以用document.getElementById(iframe1).contentDocument得到iframe的document对象，之后操作它得到iframe内的坐标，再与父页中iframe标签左上角坐标叠加就可以。

3、相对窗口，当然是以浏览器窗口为主了，即浏览器中可见部分（即包含文档部分）的左上角为坐标原点。这是用clientX和clientY获取的。

4、本文涉及的到的知识有元素长宽 clientWidth/offsetWidth/scrollWidth 的区别、以及 clientTop/offsetTop/scrollTop 的区别，并给了获取元素坐标的源代码。

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