首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

微博中怎么选中#话题

2012-10-16 
微博中如何选中#话题#在微博功能中添加话题的按键会给微博内容中添加一个#请在这里输入自定义话题#的

微博中如何选中#话题#

在微博功能中"添加话题"的按键会给微博内容中添加一个"#请在这里输入自定义话题#"的字符串,并选中两个#之间的内容.这部分内容被解析为话题标题,将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中实现,后者兼容其他的标准浏览器,都是文字编辑器中的重要函数.

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



热点排行