Question

JS/JAVASCRIPT 选中文本框内的文字 让滚动条滚动到选中文字的位置

<script>
function func(){
var textarea = document.getElementById("textarea");
textarea.setSelectionRange(30,32);//选中文本框内的文字
textarea.scrollTop = textarea.scrollHeight;//滚动到底部
//想要修改成只滚动到 选中文字 的位置应该怎么写？
}
</script>
<textarea id="textarea" cols="10" rows="6">
第1行
第2行
第3行
第4行
第5行
第6行
第7行
第8行
第9行
第10行
等等...
</textarea>
<button onclick="func()">GO</button>

Answer 1

function func(){
var textarea = document.getElementById("textarea");
//首先移动光标到所选文字位置，滚动条自动滚动
MoveCursortoPos('textarea' , 30 );
//再选中文字
textarea.setSelectionRange(30,32);//选中文本框内的文字
//textarea.scrollTop = textarea.scrollHeight;//滚动到底部

//想要修改成只滚动到 选中文字 的位置应该怎么写？
}
//设置光标位置
function MoveCursortoPos(id,pos){//定位光标到某个位置
var obj = document.getElementById(id); //获得元素
pos = pos ?pos :obj.value.length;
if (obj.createTextRange) {//IE浏览器 IE浏览器中有TextRange 对body,textarea,button有效
var range = obj.createTextRange(); //创建textRange
range.moveStart("character", pos); //移动开始点，以字符为单位
range.collapse(true);//没有移动结束点直接 折叠到一个点
range.select();//选择这个点
} else {//非IE浏览器
obj.setSelectionRange(obj.value.length, pos);
}
obj.focus();
}