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

Posted 2023-05-06

<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>

参考技术A 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();
本回答被提问者和网友采纳

报表呈现时，文本框内的矩形内的Tablix不可见

我在文本框的最后建立了一个包含警告列表的报告。在这个列表中，我需要显示一个静态文本表。我发现显示表格的唯一方法是在文本框中放置一个矩形并将表格放在矩形内。但是，当我预览报表时，表格没有显示。此外，在设计模式下，如果我在矩形外部单击文本框，矩形和表格都会消失，只有在我使用滚动条时才会重新出现。我已经检查过矩形和表格都是可见的并且已经尝试移动到前面并向后移动但它没有改变。任何人都可以指出我正确的方向。为了帮助解释，我添加了屏幕截图：图像1 - 在设计视图中的文本框中显示矩形表表2 - 显示表格应显示的预览结果

答案

如果我一直在思考并从头开始构建这个，我就不会像我那样尝试这样做。我突然意识到答案很简单。先放一个矩形，然后用2个文本框填充它，并将静态文本表放在两个文本框之间。矩形将它们全部固定在一起，如果需要可以有边框。