`

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

    博客分类:
  • Java
阅读更多
<!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>
分享到:
评论

相关推荐

    vue+element+input+提取选中文字

    textarea中有大量数据,获得鼠标选中的部分数据

    jQuery控制表单输入框鼠标悬停提示效果

    在Web开发领域,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本资源主要关注如何利用jQuery实现一个功能,即当用户鼠标悬停在表单输入框上时,显示相应的提示信息。这个功能...

    jquery升级的问题

    - **JavaScript干预**:如果以上方法都无法满足需求,还可以通过JavaScript监听鼠标事件,并在必要时阻止事件冒泡,从而避免点击穿透的发生。 ##### 2. `[readOnly]` 属性与选择器问题 在jQuery 1.10.2中,使用`$...

    2021-2022计算机二级等级考试试题及答案No.3344.docx

    6. **Textarea属性Rows**:Textarea的Rows属性用于设置多行文本框的列数,而不是行数。正确答案D。 7. **VisualFoxpro表达式**:在VisualFoxpro中,表达式`{^2001-05-01}+DATE()`是不正确的,因为它会尝试将日期与...

    wc-editor:一个编辑器Web组件,它报告其值的特定更改

    编辑器Web组件 安装 当前,只有basic编辑器处于工作状态,请...由于输入以及键盘和鼠标的处理均使用本机textarea ,因此编辑器将按预期方式工作。 它甚至具有基于浏览器的拼写检查功能,由于其实现的基础性,因此缺少其

    meteor-autocomplete:专为Meteor的收集和React性而设计的Clientserver自动补全

    并请他们查看特定项目: 特征: 具有不同触发令牌和字段的多个集合匹配下拉列表项的实时和动态Meteor模板渲染下拉菜单可以位于文本上方或下方鼠标或键盘与自动完成菜单的交互&lt;input&gt;元素中的简单的无令牌自动...

    CND-ERP_SD_UI绘制规范.docx

    - 滑鼠mouseover时显示的模式: 鼠标悬停时显示信息的设计。 - 正式与草稿资料显示模式: - 正式资料: 正式文档的显示方式。 - 草稿资料: 草稿文档的显示方式。 - 弹跳视窗样式: 显示正式与草稿资料时的弹窗样式...

    用DIV+CSS技术设计我的家乡网站(web前端网页制作课作业)南宁绿城之d

    &lt;textarea id="message" name="message"&gt;&lt;/textarea&gt; 提交"&gt; 版权所有 © 2023 绿城之都-南宁 ``` #### 2. CSS样式代码 ```css /* 基本样式 */ body { font-family: Arial, sans-serif; ...

    HTML标签英文单词

    浏览器默认会在鼠标悬停时显示完整的词组。这有助于提高内容的可读性和对读者的理解支持。 ### &lt;acronym&gt;: Acronym `&lt;acronym&gt;` 标签用于定义首字母缩略词。此标签在HTML5中已被废弃,建议使用 `&lt;abbr&gt;` 标签替代...

    HTML标签总结

    - **用法**:从`&lt;h1&gt;`(最重要的标题)到`&lt;h6&gt;`(最不重要的标题)。 #### &lt;head&gt;: 文档头部标签 - **功能**:定义文档的元信息。 - **用法**:包含文档的元数据,如标题、样式表、脚本等。 #### &lt;hr&gt;: 水平线标签...

Global site tag (gtag.js) - Google Analytics