微博中如何选中#话题#

在微博功能中"添加话题"的按键会给微博内容中添加一个"#请在这里输入自定义话题#"的字符串,并选中两个#之间的内容.这部分内容被解析为话题标题,将tag变为内容的一部分,这个想法似乎是为即时搜索做铺垫.

选中#之间的内容,如何实现?

想了一会,完全没有脑内可以使用的API...可行的办法是使用图片当背景,保持左右padding显示#,focus与blur时检查内容是否为空,提交时程序为这部分内容首尾增加#.

当然之后要看看同行是怎么实现的:

function addTopic() {
    $('#contentbox').val('#输入话题标题#');
    var textArea = document.getElementById('contentbox');
    if (document.selection) {
         var rng = textArea.createTextRange();//rng is short for range
         rng.collapse(true);
         rng.moveEnd("character",7);
         rng.moveStart("character",1);
         rng.select();
    } else if (textArea.selectionStart || (textArea.selectionStart == '0')) {
        textArea.selectionStart = 1;
        textArea.selectionEnd = 7;
    }
    textArea.focus();
}

 

document.selection与textArea.selectionStart前者只能在IE中实现,后者兼容其他的标准浏览器,都是文字编辑器中的重要函数.

记录在此,以后再碰到字符串操作,不妨往文字编辑器中探探宝.