类似腾讯微博的@朋友机制是如何实现的

类似腾讯微博的@朋友机制是怎么实现的
怎么实现@后显示朋友列表，@abc 这样怎么实现搜索的，我觉得应该用正则来写，可是不知道怎么写？望高手指教

——解决方案——————–

<style type=”text/css” mce_bogus=”1″> #content
{
width: 200px;
}
.autoDiv
{
visibility: hidden;
position: absolute;
width: 200px;
height: 255px;
border: 1px solid #00f;
background-color: White;
}
</style>
<script language=”javascript”>
//自动显示
function autoShow() {
var obj = document.getElementById(“content”);
var mailAddressList = document.getElementById(“auto-show”);
var x = 0, y = 0, o = obj; h = obj.offsetHeight;
while (o != null) {
x += o.offsetLeft;
y += o.offsetTop;
o = o.offsetParent;
}
mailAddressList.style.left = x + ‘px’;
mailAddressList.style.top = y + h %本文来源gaodai#ma#com搞*代#码9网#搞gaodaima代码+ ‘px’;
mailAddressList.style.visibility = “visible”;
}
$(document).ready(function () {
var emailInput = $(“#email”);
var emailListDiv = $(“#auto-show”);
//bind focus event(获得焦点，我假设成了文本框，你的这个情况是@)
emailInput.keydown(autoShow);

emailListDiv.addClass(“autoDiv”);
//bind the events:mouseover、mouseout for the div
for (var i = 0; i < @出来的List长度.length; i++) {
$(“#auto-show”).append(“

“);
}
</script>
没给你写鼠标移入设置样式，鼠标移出取消样式，按上下键设置样式，键盘弹出事件处理，回车键啊，Esc键啊，退格键，删除键。

---

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：类似腾讯微博的@朋友机制是如何实现的

喜欢 (0)赏

[搞代码]

分享 (0)