如何获取光标的像素

[shenshengzhiwen]

在textarea中输入内容之后我要如何获取光标距离textarea顶端和左边的像素呢？我说的仅仅是相对于textarea而不是整个页面哦。求大神帮忙解决。

[shenshengzhiwen]

没人会吗？？？？？？

[asdfg200646]

<textarea id="me" onkeyup="showspan(this)"> </textarea> <script type="text/javascript"> function showspan(obj){ alert(obj.value.length); } </script>

[tommercatfly]

你是需要获得textarea中光标位置是不是？如果是的话 http://www.jb51.net/article/14362.htm 你看看这个例题，我测试过，这个是可以用的。 如果你是一定要距离左边框和顶部边框的像素。。。。那么我只能说我没什么办法获得准确的数字

[shenshengzhiwen]

引用 3 楼 tommercatfly 的回复:

你是需要获得textarea中光标位置是不是？如果是的话 http://www.jb51.net/article/14362.htm 你看看这个例题，我测试过，这个是可以用的。 如果你是一定要距离左边框和顶部边框的像素。。。。那么我只能说我没什么办法获得准确的数字

主要是我要做个悬浮窗口跟着光标走。所以得知道像素。这样我就可以设置style.left和style.top这些参数了。如果是仅仅知道位置的话我也没有办法去设置呢。

[shenshengzhiwen]

引用 2 楼 u013907169 的回复:

<textarea id="me" onkeyup="showspan(this)"> </textarea> <script type="text/javascript"> function showspan(obj){ alert(obj.value.length); } </script>

主要是我要做个悬浮窗口跟着光标走。所以得知道像素。这样我就可以设置style.left和style.top这些参数了。如果是仅仅知道位置的话我也没有办法去设置呢。

[luhuiming741cs]

引用 5 楼 shenshengzhiwen 的回复:

[quote=引用 2 楼 u013907169 的回复:] <textarea id="me" onkeyup="showspan(this)"> </textarea> <script type="text/javascript"> function showspan(obj){ alert(obj.value.length); } </script>

主要是我要做个悬浮窗口跟着光标走。所以得知道像素。这样我就可以设置style.left和style.top这些参数了。如果是仅仅知道位置的话我也没有办法去设置呢。[/quote] ”悬浮窗口跟着光标走“，你获取鼠标的位置不就行了吗？

[tommercatfly]

我跟楼上的看法差不多，计算鼠标进入textarea 的时候获得鼠标坐标，然后定位浮动窗口位置，出了textarea 就关闭浮动窗口，因为textarea 中大多都是文字信息，文字有大小fontsize的区分，根本无法计算精确像素，可能有高手能做到，反正我是没什么好办法

[shenshengzhiwen]

引用 6 楼 luhuiming741cs 的回复:

[quote=引用 5 楼 shenshengzhiwen 的回复:] [quote=引用 2 楼 u013907169 的回复:] <textarea id="me" onkeyup="showspan(this)"> </textarea> <script type="text/javascript"> function showspan(obj){ alert(obj.value.length); } </script>

主要是我要做个悬浮窗口跟着光标走。所以得知道像素。这样我就可以设置style.left和style.top这些参数了。如果是仅仅知道位置的话我也没有办法去设置呢。[/quote] ”悬浮窗口跟着光标走“，你获取鼠标的位置不就行了吗？ [/quote] 你的这个做法只能是鼠标还在textarea中才会有效，因为我要的效果是我输入某些特殊的文字的时候弹出一个悬浮框，而这个悬浮框的作用主要是起到搜索框的用处，你说我鼠标离开这个搜索框就不在了？我觉得如果跟光标走的话那就应该没问题了。

[shenshengzhiwen]

引用 7 楼 tommercatfly 的回复:

我跟楼上的看法差不多，计算鼠标进入textarea 的时候获得鼠标坐标，然后定位浮动窗口位置，出了textarea 就关闭浮动窗口，因为textarea 中大多都是文字信息，文字有大小fontsize的区分，根本无法计算精确像素，可能有高手能做到，反正我是没什么好办法

你的这个做法只能是鼠标还在textarea中才会有效，因为我要的效果是我输入某些特殊的文字的时候弹出一个悬浮框，而这个悬浮框的作用主要是起到搜索框的用处，你说我鼠标离开这个搜索框就不在了？我觉得如果跟光标走的话那就应该没问题了。

[天际的海浪]

给你个思路 用textarea.selectionStart可以获取光标的位置 用textarea.value.substring(0,textarea.selectionStart)获取光标前面的字符串 之后可以用canvas 的 measureText() 获取字符串的像素数值 这样对于单行文本就可以了，多行文本就还要计算行数，就是文本中回车和自动换行的处理