js实现选定指定html元素对象中指定文本框|JS实现选定指定HTML元素对象中指定文本内容功能示例

更新时间:2021-06-18    来源:php函数    手机版     字体:

【www.bbyears.com--php函数】

该功能用处多多,可以灵活运用之!主要函数如下:

 代码如下

//选中文本中指定部分

functionselectSomeText(obj,start,end){

  if(document.selection){

  if(obj.tagName=='TEXTAREA'){

   vari=obj.value.indexOf("\r",0);

   while(i!=-1&&i

   end--;

   if(i

    start--;

   }

   i=obj.value.indexOf("\r",i+1);

   }

  }

  varrange=obj.createTextRange();

  range.collapse(true);

  range.moveStart('character',start);

  if(end!=undefined){

   range.moveEnd('character',end-start);

  }

  range.select();

  }else{

  obj.selectionStart=start;

  varsel_end=end==undefined?start:end;

  obj.selectionEnd=Math.min(sel_end,obj.value.length);

  obj.focus();

  }

}

然后调用之,For example:

selectSomeText(document.getElementById('jiu_textarea'),2,8)

//选中ID为jiu_textarea内的第2至8个字!

完整示例如下:

 代码如下

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Test

<script type="text/javascript"language="javascript">

//选中文本中指定部分

functionselectSomeText(obj,start,end){

  if(document.selection){

  if(obj.tagName=='TEXTAREA'){

   vari=obj.value.indexOf("\r",0);

   while(i!=-1&&i

   end--;

   if(i

    start--;

   }

   i=obj.value.indexOf("\r",i+1);

   }

  }

  varrange=obj.createTextRange();

  range.collapse(true);

  range.moveStart('character',start);

  if(end!=undefined){

   range.moveEnd('character',end-start);

  }

  range.select();

  }else{

  obj.selectionStart=start;

  varsel_end=end==undefined?start:end;

  obj.selectionEnd=Math.min(sel_end,obj.value.length);

  obj.focus();

  }

}

</script>

<script type="text/javascript"language="javascript">

selectSomeText(document.getElementById('jiu_textarea'),2,8)//选中ID为jiu_textarea内的第2至8个字!

</script>

运行效果图如下:

本文来源:http://www.bbyears.com/jiaocheng/124440.html