textare在光标处插入“#请输入话题#”高手现身……

用js实现
textare在光标处插入“#请输入话题#”
并且#号里面的文字是选中的，就是微薄的那种插入话题一样的js功能。

解决方案 »

  1.   

    function test(){
        var tc = document.getElementById("textarea");
        var tclen = tc.value.length;
        tc.focus();
        if(typeof document.selection != "undefined")
        {
            document.selection.createRange().text = "";  
        }
        else
        {
            tc.value = tc.value.substr(0,tc.selectionStart)+""+tc.value.substring(tc.selectionStart,tclen);
        }
    }
      

  2.   

    在 textarea 的 onfocus 事件中添加js代码，如果 textarea 中长度为 0 ,就添加“#请输入话题#”
    ，长度不为零就return.我有没有理解错？
      

  3.   

      var r=tc.createTextRange();
       r.findText("");
       r.select();
      

  4.   

    解决了谢谢哈，把成功代码贴下来了，呵呵<html> 
    <head> 
    <script type='text/javascript'> 
    function test(str){    var tc = document.getElementById("mytextarea");
        var tclen = tc.value.length;
        tc.focus();
    if(tc.value.indexOf(str) > 0){
    var r=tc.createTextRange();
      r.findText("请输入话题内容");
      r.select();
    return;
       }else{
     if(typeof document.selection != "undefined")
        {
            document.selection.createRange().text = str;  
        }
        else
        {
            tc.value = tc.value.substr(0,tc.selectionStart)+str+tc.value.substring(tc.selectionStart,tclen);
        }
    var r=tc.createTextRange();
      r.findText("请输入话题内容");
      r.select();
    }}
    </script> 
    </head> 
    <body>
    <textarea rows=5 name=s1 cols=27  id="mytextarea">目的通过点击页面上的按钮button 在textarea中的光标停留处插上文字 </textarea> 
    <input type=button onclick="test('#请输入话题内容#')" /> 
    </body> 
    </html>