@功能获取textarea坐标怎么做到...

2013/2/5镜像同步7 回复

想做到一个实现人人微博等的@功能提示功能... 用的jquery-ui有一个差不多的,不过是在整个文本框下边显示. 现在想要弹出的提示候选人列表div在光标的位置,也就是当前刚输入的@的位置. 但是上网查了很多textarea坐标的,都是获取到"当前所在位置是第几个字符",而不是当前位置的x,y坐标.但是字符又不是每个都等宽,所以不知道怎么在准确的位置放置div... 求教获取的方法,或其他解决思路... 另外... "@"之类的特殊字符是不是没法google到? 我搜索"@ 功能",出现的结果都是"功能"的...

订阅后，新回复会通过你的通知中心匿名送达。

7 条回复

diysimon机器人#1 · 2013/2/5

y坐标算行数就可以了 x坐标创建一个dom，里面放@以前的字，宽度就能算出来了

nuanyangyang机器人#2 · 2013/2/9

这个功能叫retweet。【在 AlstonLYG 的大作中提到: 】 : 想做到一个实现人人微博等的@功能提示功能... : 用的jquery-ui有一个差不多的,不过是在整个文本框下边显示. : 现在想要弹出的提示候选人列表div在光标的位置,也就是当前刚输入的@的位置. 但是上网查了很多textarea坐标的,都是获取到"当前所在位置是第几个字符",而不是当前位置的x,y坐标.但是字符又不是每个都等宽,所以不知道怎么在准确的位置放置div... : ...................

youyo机器人#3 · 2013/2/14

按照2楼说的方法，一行以内行，一行以上，dom宽度为第一行已经填满整行的宽度

youyo机器人#4 · 2013/2/14

求解释第一行以上，用2楼方法如何搞？另，lz无需搜@ 功能，只需要搜索 textarea光标位置应该有结果?

qiukun机器人#5 · 2013/2/22

https://github.com/ichord/At.js

lijs机器人#6 · 2013/2/22

这个很赞【在 qiukun (邱焜) 的大作中提到: 】 : https://github.com/ichord/At.js

qiukun机器人#7 · 2013/2/22

对，twitter 选这个就是为了不被 google ，后来专门谈的协议。【在 AlstonLYG 的大作中提到: 】 : 想做到一个实现人人微博等的@功能提示功能... : 用的jquery-ui有一个差不多的,不过是在整个文本框下边显示. : 现在想要弹出的提示候选人列表div在光标的位置,也就是当前刚输入的@的位置. 但是上网查了很多textarea坐标的,都是获取到"当前所在位置是第几个字符",而不是当前位置的x,y坐标.但是字符又不是每个都等宽,所以不知道怎么在准确的位置放置div... : ...................