Javascript 在动态更改文本区域中输入文本时出现问题_Javascript_Jquery_Html_Css

Javascript 在动态更改文本区域中输入文本时出现问题

javascript jquery html css

Javascript 在动态更改文本区域中输入文本时出现问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我不太确定该怎么问我的问题。实际上，我有一个文本区域和一个按钮，如果我点击按钮，它会在文本区域显示一些文本，然后用户需要在其中键入更多的文本。我喜欢有一个动态的文本区域（即文本区域的高度将根据输入的内容而改变），所以我为它编码我的代码运行良好。但是当用户输入一些文本时，他们看不到输入的确切行只有当textarea接近屏幕末端时，才会出现此问题。（不幸的是，我需要将textarea放在那里。因此，我在这里提供了一些标记，以将textarea移动到屏幕末端）这是你的电话号码我的代码在这里

我不太确定该怎么问我的问题。实际上，我有一个文本区域和一个按钮，如果我点击按钮，它会在文本区域显示一些文本，然后用户需要在其中键入更多的文本。我喜欢有一个动态的文本区域（即文本区域的高度将根据输入的内容而改变），所以我为它编码

我的代码运行良好。但是当用户输入一些文本时，他们看不到输入的确切行

只有当textarea接近屏幕末端时，才会出现此问题。（不幸的是，我需要将textarea放在那里。因此，我在这里提供了一些

标记，以将textarea移动到屏幕末端）

这是你的电话号码

我的代码在这里：

<script>
function textAreaAdjust(o) {
    o.style.height = "1px";
    o.style.height = (25+o.scrollHeight)+"px";
    $("#text").focus();
}
function click1()
{

    document.getElementById('text').value="Stack Overflow is a privately held website, the flagship site of the Stack Exchange Network,[5][6] created in 2008 by Jeff Atwood and Joel Spolsky,[7][8] as a more open alternative to earlier Q&A sites such as Experts Exchange. The name for the website was chosen by voting in April 2008 by readers of Coding Horror, Atwood's popular programming blog.[9]";
    textAreaAdjust(document.getElementById('text'));
    $("#text").focus();
}
</script>
</head>
<body>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<textarea onkeyup="textAreaAdjust(this)" style="overflow:hidden" id="text"></textarea>
<input type="button" onClick="click1()">
</body>
</html>


功能文本区域调整（o）{
o、 style.height=“1px”；
o、 style.height=（25+o.scrollHeight）+“px”；
$（“#文本”）.focus（）；
}
函数click1（）
{
document.getElementById（'text'）.value=“Stack Overflow是一个私人网站，是Stack Exchange网络的旗舰网站，[5][6]由Jeff Atwood和Joel Spolsky于2008年创建，[7][8]作为早期问答网站（如专家交流）的一个更开放的替代方案。该网站的名称是由阿特伍德流行的编程博客Codeing Horror的读者在2008年4月投票选出的。[9]”；
textAreaAdjust（document.getElementById（'text'））；
$（“#文本”）.focus（）；
}

请提供任何建议。

您可以使用css将文本区域放在屏幕的末尾

 textarea { 
    position: absolute,
    bottom: 0px;
    left: 0px;
 }

我已经更新了您的：

您可以使用css将文本区域放在屏幕的末尾

 textarea { 
    position: absolute,
    bottom: 0px;
    left: 0px;
 }

我已经更新了您的：

您可以使用css将文本区域放在屏幕的末尾

 textarea { 
    position: absolute,
    bottom: 0px;
    left: 0px;
 }

我已经更新了您的：

您可以使用css将文本区域放在屏幕的末尾

 textarea { 
    position: absolute,
    bottom: 0px;
    left: 0px;
 }

我已更新您的：

我已更新

我补充说

$（窗口）.scrollTop（$（'#text'）.height（）+$（'#text'）.offset（）.top）
基本上是滚动到文本区域位置的底部。
我已经更新了
我补充说
$（窗口）.scrollTop（$（'#text'）.height（）+$（'#text'）.offset（）.top）
基本上是滚动到文本区域位置的底部。
我已经更新了
我补充说
$（窗口）.scrollTop（$（'#text'）.height（）+$（'#text'）.offset（）.top）
基本上是滚动到文本区域位置的底部。
我已经更新了
我补充说
$（窗口）.scrollTop（$（'#text'）.height（）+$（'#text'）.offset（）.top）
基本上是滚动到文本区域位置的底部。
您的意思是文本区域应该从顶部展开？@jQuery.PHP.Magento.com是的，完全正确…@treegarden它的工作原理也是一样的。从o.style.height
中删除25个像素没有任何区别。@jQuery.PHP.Magento.com但是我怎么能这样做呢？你看到这个问题了吗？你的意思是文本区域应该从顶部展开？@jQuery.PHP.Magento.com是的，没错…@treegarden它的工作原理是一样的。从o.style.height
中删除25个像素没有任何区别。@jQuery.PHP.Magento.com但是我怎么能这样做呢？你看到这个问题了吗？你的意思是文本区域应该从顶部展开？@jQuery.PHP.Magento.com是的，没错…@treegarden它的工作原理是一样的。从o.style.height
中删除25个像素没有任何区别。@jQuery.PHP.Magento.com但是我怎么能这样做呢？你看到这个问题了吗？你的意思是文本区域应该从顶部展开？@jQuery.PHP.Magento.com是的，没错…@treegarden它的工作原理是一样的。从o.style.height
中删除25个像素没有任何区别。@jQuery.PHP.Magento.com但是我怎么能这样做呢？你看到这个问题了吗？