UC知道两个textarea其中一个下滚问题
来源：百度知道 编辑：UC知道 时间：2024/09/28 09:44:21
id=box的textarea会自动下滚到底，但在id=content 的textarea里输入文字的时候，会自动失去焦点，如何解决？
<script>
function movePoint()
{
var rng = box.createTextRange();
rng.collapse(false);
rng.moveEnd("character",-1);
rng.select();
}
setInterval("movePoint();",1000);
</script>
<textarea id="box" rows="20" cols="60"></textarea>
<textarea id="content" rows="6" cols="60"></textarea>
我需要做成web聊天那种形式，内容已经可以自动刷新了，但是刷新出来的滚动条不下滚，所以想加个这个自动下滚的。
<script>
function movePoint()
{
var rng = box.createTextRange();
rng.collapse(false);
rng.moveEnd("character",-1);
rng.select();
}
setInterval("movePoint();",1000);
</script>
<textarea id="box" rows="20" cols="60"></textarea>
<textarea id="content" rows="6" cols="60"></textarea>
我需要做成web聊天那种形式，内容已经可以自动刷新了，但是刷新出来的滚动条不下滚，所以想加个这个自动下滚的。
你这样一直无条件的执行setInterval当然会一直抢焦点了
你可以用事件来触发movePoint，比如用鼠标触发
<script>
function movePoint()
{
var rng = box.createTextRange();
rng.collapse(false);
rng.moveEnd("character",-1);
rng.select();
}
</script>
<textarea id="box" onmouseover="movePoint()" rows="20" cols="60"></textarea>
<textarea id="content" rows="6" cols="60"></textarea>
根据实际情况，你可以用其他事件来触发，或者在body里onload
<body onload="movePoint()">
<script>
function movePoint()
{
var rng = box.createTextRange();
rng.collapse(false);
rng.moveEnd("character",-1);
rng.select();
}
</script>
<textarea id="box" rows="20" cols="60"></textarea>
<textarea id="content" rows=&