微博@聯繫人的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.csdn.net/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, 是指,是否是微博模式,如果不是,就是普通的自動完成模式