textarea 设置到鼠标事件设置到最下方

最新推荐文章于 2021-04-06 15:12:58 发布

zjdong886

最新推荐文章于 2021-04-06 15:12:58 发布

阅读量305

点赞数 1

CC 4.0 BY-SA版权

分类专栏： java 文章标签： HTML

本文链接：https://blog.youkuaiyun.com/zjdong886/article/details/83879944

java 专栏收录该内容

7 篇文章

订阅专栏

本文通过一个简单的HTML页面示例介绍了如何使用JavaScript来实现文本框内容的自动滚动及输入内容追加功能。该示例展示了基本的前端交互技术，包括如何监听用户输入事件并作出响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>客服一网通 www.kfewt.com </title>

</head>
<body onload="test();">
<form id=form1>
<input type=text onclick= "AppendText(this) ">
<textarea id=txt name=txt onpropertychange="ScrollToBottom();" onfocus= "ScrollToBottom();" rows=9>
111111asdf ;a;fjk aldfja;df ajk;df ;aldsfja;sdf
22222 adsfads
3333fasd fasdf adfasdfasdf
444asdf
555asdf asdf adfasdfasdfasdf
666asdf adf
777adsfa
8888888 sdf asdfasdfasdf
99999a sdfasdfasdfasdf asdfasdf
0000000 asdf asdf
1
2
3
4
5

</textarea>

</form>
<script language=javascript>
function ScrollToBottom() {
document.getElementById("txt").scrollTop=document.getElementById("txt").scrollHeight;

}
ScrollToBottom();
function AppendText(t) {
document.getElementById("txt").value += "\n " + t.value ;
ScrollToBottom();
}

function test()//显示最后一行
{
document.all.txt.scrollTop=document.all.txt.scrollHeight;
}

</script>

</body>