ANT TextArea 自动刷新至底部

最新推荐文章于 2024-06-05 15:29:12 发布
最新推荐文章于 2024-06-05 15:29:12 发布
阅读量783 收藏
点赞数 2
分类专栏： React 入坑学习 文章标签： javascript reactjs es6 chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40044912/article/details/107669712
版权

因为公司有个读日志的要求，但是日志最底下才是最新的，
所以需要刷新至底部，看最新的日志

废话不多说，用最简单的DOM即可实现,记得设置id哦

var yourTextareaName = document.getElementById('yourTextareaName');
if (yourTextareaName.scrollHeight > yourTextareaName.clientHeight) {
  //设置滚动条到最底部
  yourTextareaName.scrollTop = yourTextareaName.scrollHeight;
}

新手小白，如果有帮助到你，能点个赞嘛！!谢谢！！！

我也秃了
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
踩坑，AntD Textarea 去掉右下角图标，去掉滚动轴
weixin_43822134的博客
12-09 5009
AntD Textarea 去掉右下角图标，去掉滚动轴
让textarea自动调整大小的js代码
10-28
然而，默认情况下，`textarea`的大小是固定的，不随用户输入的内容自动调整。为了提供更好的用户体验，可以使用JavaScript来实现`textarea`的自动调整大小功能。本文将详细解释如何使用JavaScript代码实现这一功能，...
ant-design中textArea组件获取光标位置，插入表情之后自动将光标移至文本的最后
qq_42039912的博客
04-18 1056
ant-design中textArea组件获取光标位置，插入表情之后自动将光标移至文本的最后
[Vue3] 滚动条自动滚动到底部
最新发布
Supposelll的博客
06-05 1151
在一个区域会依次打印log，随着log的加长，出现滚动条，而滚动条应该始终保持在最下方。点击回到顶部按钮，可以使滚动条回到最上方。
富文本编辑器--使用textarea即时更新文本域同步编辑器内容
09-12 2463
使用 textarea wangEditor 从v3版本开始不支持 textarea ，但是可以通过onchange来实现 textarea 中提交富文本内容。 <div id="div1"> <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p> </div&gt...
textarea根据内容的增加自动往下滑动
Think88666的博客
06-24 1735
每次在textarea中添加内容后调用以下函数： <script type="text/javascript"> function setFocusLast(obj){ obj.focus(); var r = obj.createTextRange(); r.moveStart("character",obj.value.length); r.collapse(true);
textarea组件异步刷新时应该注意的一个小问题
无边包围
07-31 306
前阵做一个小应用，正好用到textarea这个组件，有一个很简单的需求，就是当数据提交到textarea时滚动条自动滚到最底端。 大概搜索了一下，解决方案多是用取得文档最大值的方法，譬如这个 [code="java"] this.textarea.addEventListener(FlexEvent.VALUE_COMMIT,onValueCommit); ...
ant-design-vue 文本域＜a-textarea＞＜/a-textarea＞高度自适应
m0_61964123的博客
03-13 1313
表单内的文本域需设定最小高度，随着输入内容的增多，文本域高度由内容撑高，并且要求文本域内部不允许出现滚动条和高度自动变化。
js textarea自动下拉(带计数)图
10-30
在某些应用场景中，我们可能希望`textarea`具有自动下拉的功能，同时还能实时显示字符计数，以便用户了解输入内容是否超过预设限制。标题和描述中的"js textarea自动下拉(带计数)"就是指这种功能。 以下是一个简单...
js textarea自动增高并隐藏滚动条
10-29
### js textarea自动增高并隐藏滚动条 在网页开发过程中，`textarea`元素是用于收集用户输入文本的一种常用方式。然而，默认情况下，`textarea`的高度固定，且当输入文本超过其高度时会出现滚动条，这可能会影响...
textarea是否自动换行
12-09
关于“textarea是否自动换行”的问题，实际上`<textarea>`标签自身是支持文本自动换行的。当用户在textarea中输入内容时，如果文本长度超过了当前列宽，浏览器会自动进行换行，确保文本在textarea内正常显示。 然而...
JavaScript实现点击自动选择TextArea文本的方法
10-23
主要介绍了JavaScript实现点击自动选择TextArea文本的方法,涉及javascript中focus()、select()方法的使用技巧,非常简单实用,需要的朋友可以参考下
如何让 textarea 的滚动条始终跑到最下方
LYR 的博客
11-05 3713
function down() { var textarea = document.getElementById(“window-talk”); textarea.scrollTop = textarea.scrollHeight; }
jquery textarea值的更新与获取 text() vs val()
热门推荐
shuifa2008的专栏
11-14 1万+
看了一些文档，说text()方法内部使用.textContent()
设置textarea滚动条的位置在最下方
weixin_33916256的博客
08-06 571
代码 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head>&...
JavaScript当中网页刷新后数值（text、radio、checkbox、select、textarea）保持不变（输入域数据保持）的简单方法
WillWinwin
12-22 2993
JavaScript当中网页刷新后数值（text、radio、checkbox、select、textarea）保持不变（输入域数据保持）的简单方法 其实方法都差不多，直接使用this.value='<%=request.getParameter("UserN
OpenHarmony实战开发-如何实现文本输入 (TextInput/TextArea)
m0_70749039的博客
04-27 1071
TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等，也可以结合其它组件构建功能页面，例如登录注册页面。
如何实现textarea剩余字数统计效果
CS之路
12-27 849
如何实现textarea剩余字数统计效果  
antDesign TextArea onChange事件传值
06-07
Ant Design 的 TextArea 组件也提供了 onChange 事件，用法与普通的 textarea 类似。以下是一个示例代码： ```jsx import { useState } from 'react'; import { TextArea } from 'antd'; function MyComponent() { const [value, setValue] = useState(''); function handleChange(event) { setValue(event.target.value); // 在这里对新值进行处理 } return ( <TextArea value={value} onChange={handleChange} /> ); } ``` 在这个示例中，我们通过 useState 钩子来定义一个 value 状态，用于保存 TextArea 的内容。在 handleChange 函数中，我们先通过 event.target.value 获取最新的 TextArea 内容，然后使用 setValue 函数来更新 value 状态。在 TextArea 组件中，我们将 value 作为 value 属性传入，将 handleChange 函数作为 onChange 属性传入。这样，当 TextArea 的内容发生变化时，会触发 handleChange 函数，更新 value 状态，同时也会触发组件重新渲染，从而更新 TextArea 的显示内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值