javascript选择textarea中指定的内容

  javascript选择textarea中指定的内容

 <script type="text/javascript">
     function sel() {
         var s = document.getElementById('kw');
         if (s.value == '') { alert('请输入关键字!'); s.focus(); return false; }
         s = s.value;
         var t = document.getElementById('content'), start = t.value.indexOf(s), end;
         if (start == -1) {
             alert('在textarea中找不到输入的关键字内容!');
             return//找不到内容则退出
         }
         end = start + s.length;
         if (typeof t.createTextRange != 'undefined') { //IE
             var r = t.createTextRange();
             r.findText(s); //这样或者下面这种方法也行
             r.select();
             /*
             //先将光标重合
             r.moveStart('character', 0);
             r.moveEnd('character', 0);
             r.collapse(true);
             r.moveEnd('character', end);
             r.moveStart('character', start);
             r.select();*/
         }
         else if (typeof t.selectionStart != 'undefined') { //firefox,chrome
             window.find(s); ///这样也行,但是要注意关键字要放textarea后面,要不就选择你输入的关键字了,而不是textarea里面的,下面的这种方法前后都没问题
             /*
             t.selectionStart = start;
             t.selectionEnd = end*/
         }
     }
 </script>
 <textarea id="content" cols="50" rows="5">
 【加藤中国造 小三商院好】日本韩寒倒塌,原来是中国制造;环卫工砍手指,原来是乱扔垃圾;深圳地铁逼停,原来是移动wifi;26亿再造天梯,原来是消费爱情;地产界八卦忙,原来是商院火爆!
 </textarea><br/>
 关键字:<input type="text" id="kw"/><input type="button" value="选中输入的关键字" onclick="sel()" />

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:javascript选择textarea中指定的内容

评论(0)Web开发网
阅读(97)喜欢(0)JavaScript/Ajax开发技巧