js完美实现@提到好友特效（兼容各大浏览器）(3)

最后是光标进入span标签,显示菜单。这个很显然需要绑定鼠标事件。这里绑定mouseup，因为如果绑定mousedown的话，需要鼠标在span标签再点一次才能显示菜单。至于原理，和上面差不多。

复制代码 代码如下:

        vm.check_mouse=function(e){
            var editor=$('editor'),a=getTextBeforeCursor(editor);
            if(!-[1,]){
                var b=avalon.parseHTML(getTextBeforeCursor(editor)).lastChild;
            }else{
                var b=a.lastChild;
            }
            if(b!=null&&b.nodeType==1&&b.nodeName=='SPAN'){
                var id=b.id;
                cur_index=b.id.substring(2);
                at_box_show(b.id);
            }else
                $('at_box').style.display='none';
        };

注意，如果光标在span里面，就要取出它的id,at_box根据这个id定位,另外还要重置cur_index.

至于ajax更新菜单，字符匹配我就不做了

效果

firefox

ie8

ie7

ie6