微博@联系人的js效果

其原是就是,如果我在文本框里面输入

111111111111

22222@

333333333

此时捕捉文框的keyup事件,click事件,当里打一个字时,判断当前的光标位置,这个光标位置是指你的光标是排在第几个字的后面,你拿到这个index后,看光标前面有没有@,如果有

那么制造一个样式属性都一模一样的div,然后组合成以下代码

<div>

<span id="pre">11111111111<br>22222</span>

<span id="cur">@</span>

<span id="next">3333333</span>

</div>

然后求cur的坐标,再弹出浮动层.

资源在

http://download.youkuaiyun.com/detail/zb219/6871237

这里

用例

 $("#textinput]").autocomplete(proertyFollow.getEstateUrl, {
                width: 260,
                max: 12,
                selectFirst: false,
                weiboMode: true,
                formatItem: function (row) {
                    return row.UserName + "<span style='float:right'>" + row.DepartmentName + "</span>";
                },
                formatResult: function (row) {
                    return "@@" + row.UserName + "(" + row.DepartmentName + ") ";
                }
            });

proertyFollow.getEstateUrl 是指生成url的方法

   weiboMode: true, 是指,是否是微博模式,如果不是,就是普通的自动完成模式