文字被选中状态

微博有一个插入讨论话题的功能，点击插入话题，在文本域里话题文字处于被选中状态，只需直接键入所需话题即可，用户体验很好。还有一种默认值修改，快速将文本域的内容选中。

插入话题选中文字状态：

<textarea id=”target”></textarea>
<p><input type=”button” id=”btn” value=”插入话题” /></p>
<script type=”text/javascript”>
var $ = function(id){
return document.getElementById(id);
};
$(“btn”).onclick = function(){
var con = “请在这里输入自定义话题”;
//转载文字
$(“target”).value += “#”+con+”#”;
var l = $(“target”).value.length;
//创建选择区域
if($(“target”).createTextRange){//IE浏览器
var range = $(“target”).createTextRange();
range.moveEnd(“character”,-l);
//range.moveStart(“character”,-l);
range.moveEnd(“character”,l-1);
range.moveStart(“character”, l-1-con.length);
range.select();
}else{
$(“target”).setSelectionRange(l-1-con.length,l-1);
$(“target”).focus();
}
};
</script>

另一种默认值被选中状态，点击text文本域后，文本域的值处于被选中状态：

<input type=”text” value=”请输入关键词” onclick=”this.select()” />