JS实现选定指定HTML元素对象中指定文本内容功能示例
92 浏览量
2020-12-02
11:07:46
上传
评论
收藏 44KB PDF 举报
JS实现选定指定实现选定指定HTML元素对象中指定文本内容功能示例元素对象中指定文本内容功能示例
本文实例讲述了JS实现选定指定HTML元素对象中指定文本内容功能。分享给大家供大家参考，具体如下：
该功能用处多多，可以灵活运用之！主要函数如下：
//选中文本中指定部分
function selectSomeText(obj,start,end){
if(document.selection){
if(obj.tagName=='TEXTAREA'){
var i=obj.value.indexOf("",0);
while(i!=-1&&i<end){
end--;
if(i<start){
start--;
}
i=obj.value.indexOf("",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("",0);
while(i!=-1&&i<end){
end--;
if(i<start){
start--;
}
i=obj.value.indexOf("",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>
weixin_38633157
- 粉丝: 5
- 资源: 969
最新资源
- c语言文件读写操作代码.pdf
- C/C++，图形学-朱莉娅分形集（Julia Fractal）的计算方法与源程序
- 基于paddle+flask实现的猪只识别计数python源码数据集+模型+使用说明（高分项目）.zip
- C/C++，树算法-K叉树（k-dimensional-tree）的计算方法与源代码
- msql pre-test
- C/C++，树算法-最小K叉树的计算方法与源程序
- 焊点标注-B07焊点111111111111111111.zip
- C/C++，树算法-K叉树的修剪（删除）算法及其源程序
- QT6实战-QML与C++联合编程教程
- C/C++，图算法-使用K近邻算法查找未知点组的计算方法与源程序
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0