JS实现选定指定HTML元素对象中指定文本内容功能示例
2017-02-13 09:58
836 查看
本文实例讲述了JS实现选定指定HTML元素对象中指定文本内容功能。分享给大家供大家参考,具体如下:
该功能用处多多,可以灵活运用之!主要函数如下:
//选中文本中指定部分 function selectSomeText(obj,start,end){ if(document.selection){ if(obj.tagName=='TEXTAREA'){ var i=obj.value.indexOf("\r",0); while(i!=-1&&i<end){ end--; if(i<start){ start--; } i=obj.value.indexOf("\r",i+1); } } var range=obj.createTextRange(); range.collapse(true); range.moveStart('character',start); if(end!=undefined){ range.moveEnd('character',end-start); } range.select(); }else{ obj.selectionStart=start; var sel_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个字!
完整示例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <script type="text/javascript" language="javascript" >//选中文本中指定部分 function selectSomeText(obj,start,end){ if(document.selection){ if(obj.tagName=='TEXTAREA'){ var i=obj.value.indexOf("\r",0); while(i!=-1&&i<end){ end--; if(i<start){ start--; } i=obj.value.indexOf("\r",i+1); } } var range=obj.createTextRange(); range.collapse(true); range.moveStart('character',start); if(end!=undefined){ range.moveEnd('character',end-start); } range.select(); }else{ obj.selectionStart=start; var sel_end=end==undefined?start:end; obj.selectionEnd=Math.min(sel_end,obj.value.length); obj.focus(); } }</script> </head> <body> <textarea name="jiu_textarea" rows="15" id="jiu_textarea">欢迎访问脚本之家//www.jb51.net</textarea> <script type="text/javascript" language="javascript" > selectSomeText(document.getElementById('jiu_textarea'),2,8)//选中ID为jiu_textarea内的第2至8个字! </script> </body> </html>
运行效果图如下:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JS实现在文本指定位置插入内容的简单示例
- JS实现对json对象排序并删除id相同项功能示例
- JS实现Web中指定内容的保存与打印功能
- java实现查找文本内容替换功能示例
- js实现的xml对象转json功能示例
- 纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
- 点击复制按钮复制指定文本内容,实现网页中的复制功能
- js实现表内搜索文本功能
- 用 DOM 实现文章采集 -- 通过jquery 语法式的方法采集指定对象的文本。
- js实现数组去重、判断数组以及对象中的内容是否相同
- js实现给指定元素的后面追加内容的代码
- 通过js简单实现将一个文本内容转译成加密文本
- js禁止document element对象选中文本实现代码
- 如何实现 对输入框的文本内容进行限制的功能
- js实现数组去重,判断数组、对象中的内容是否相同
- JS实现把指定内容导入Excel(要求客户端启用Axctive)
- js实现页面转发功能示例代码
- 如何实现 对输入框的文本内容进行限制的功能
- Js遍历Josn对象(内容对比页实现思路)
- js控制光标移动到文本对象的指定位置