javascript - 具有最大缓冲区的 </h2> <div class="margin-bottom margin-bottom-color"> <span> <span class="art-margin click-event-list"> <span class="tag-style-yellow">转载</span> </span> </span> <span class="p-tips"> <span class="tips-margin-tip">作者：行者123</span> <span class="tips-margin-tip">更新时间：2023-11-30 13:24:23</span> <span class="tips-margin-tip"><img src="/css/fonts/eye.svg" /><span id="article-look-1">24</span></span> <span class="tips-margin-tip"><img src="/css/fonts/heart.svg" />4</span> </span> </div> <div class="margin-bottom margin-bottom-color"> <div class="site-ad"> <div class="site-ad-top"><img alt="gpt4 key购买" src="/images/ad/gptkey.png" onclick="gotoUrl('https://referer.shadowai.xyz/r/30168')"> <img alt="nike" src="/images/ad/nike.jpg" onclick="gotoUrl('https://union-click.jd.com/jdc?e=618%7Cpc%7C&p=JF8BANQJK1olXDYCVV9cCUoXC2wOKx9KBVhdZAcYTQpVCHEWRwtIABlZAUEPVhcJWzBdTxIJXQcDVV9cCEMUBXBRXgdIbUd9PxVdCC9cYQ1uTy5IPE1QCyEVTQ0bD18NG1oUWgQKV1deOEsWAm4IG1oXXAMyZF5cOB15A24JGloUXQ4BUm5fCUoSA2sAGFoQbQYEVFxcC0sXAGYOE1olWgYLZIb3jpOjhbixnY-A-t-M9YrmkZO4uV84K1glWgYLQFgvSRkDBR04K1glXjYyVl9cDEInM184Kw')"> </div> </div> </div> <div class="margin-bottom padding-p"> <div class="container-article"> <p><div id="question"> <p></p> <p>我已经看到很多代码片段来强制 <code><Textarea></code>只有 X 个字符，然后不再允许。我需要的是 <code><Textarea></code>您可以在其中指定我一次最多可以拥有多少个字符。几乎像最大缓冲区大小。把它想象成一个滚动的日志文件。我想始终显示最后/最新的 X 个字符。</p> <p>解决方案越简单越好。我不是网络专家，所以它越复杂，对我来说就越希腊化。 :)</p> <p>我已经在使用 jQuery，所以一个解决方案应该没问题。</p> <p></p> </div> <div style="margin-top: 20px;"> <p> <strong><font size="5">最佳答案</font></strong> </p> </div> <div id="answer"> <p></p> <p>试试这个:</p> <pre><code><textarea id="yourTextArea" data-maxchars="1000"></textarea><br /><br />var textarea = document.getElementById('yourTextArea');<br /><br />var taChanged = function(e){ <br /> var ta = e.target;<br /> var maxChars = ta.getAttribute('data-maxchars');<br /> if(ta.value.length > maxChars){<br /> ta.value = ta.value.substr(0,maxChars);<br /> }<br />}<br />textarea.addEventListener('change', taChanged, 1);<br /></code></pre> <p>对于最后一个字符:</p> <pre><code> ta.value = ta.value.substr(ta.value.length - 1000);<br /></code></pre> <p></p> </div> <div style="margin-top: 20px; margin-bottom: 40px;"> <p style="font-size: 20px;">关于javascript - 具有最大缓冲区的 <Textarea>，我们在Stack Overflow上找到一个类似的问题： <a href="javascript:void()" rel="noreferrer noopener nofollow" style="color: red;"> https://stackoverflow.com/questions/9037022/ </a> </p> </div></p> </div> </div> <div class="margin-bottom padding-p padding-p-line" align="center"> <span class="tips-margin-tip"><img src="/css/fonts/eye.svg" onload="look(5210919,'look')"/><span id="article-look-2">24</span></span> <span class="tips-margin-tip tips-margin-tip-click" onclick="look(5210919,'heart')"><img src="/css/fonts/heart.svg" /><span class="heart-p">4</span></span> <span class="tips-margin-tip tips-margin-tip-click" onclick="look(5210919,'heartbreak')"><img src="/css/fonts/heartbreak.svg" /><span class="heartbreak-p">0</span></span> </div> </div> <div class="content-p"> <div> 文章推荐： <a class="a-tag" href="/article/23/5210921/detail.html" target="_blank">javascript - RingoJS javascript - 在控制台上获取用户输入</a> </div> <div> 文章推荐： <a class="a-tag" href="/article/23/5210920/detail.html" target="_blank">javascript - 我可以仅从此代码中选择文本/标签并在其周围包装一个标签吗？</a> </div> <div> 文章推荐： <a class="a-tag" href="/article/23/5210918/detail.html" target="_blank">javascript - 用于测试 JavaScript 的 GUI 工具</a> </div> <div> 文章推荐： <a class="a-tag" href="/article/23/5210917/detail.html" target="_blank">swift - 本地通知已推送但应用程序未打开</a> </div> </div> <div class="content-p"> <ul class="like-article"> <li> <a class="a-tag" href="/article/23/5576292/detail.html" target="_blank">textarea - textarea onclick删除文本</a> <p>我知道如何在简单的html文本框中删除文本，但是html textareas似乎要复杂得多。而不是value属性，而是将文本放置在之间： . 这就是为什么我在制作onFocus和onBlur</p> </li> <li> <a class="a-tag" href="/article/23/3511081/detail.html" target="_blank">javascript - textarea 应该复制到另一个 textarea，原始 textarea 应该在使用 javascript 单击按钮时清除</a> <p> 这个问题在这里已经有了答案: text from one textarea should get copy to another textarea and original textarea sh</p> </li> <li> <a class="a-tag" href="/article/23/7922637/detail.html" target="_blank">textarea - Elm - textarea 选择范围消失</a> <p>我实现了一个 在 Elm 中，选项卡缩进和取消缩进，而不是将焦点转移到另一个 HTML 元素。效果很好，除了取消缩进有时会导致选择消失!如果我选择第 5 个字符到第 12 个字符，我按 shift-t</p> </li> <li> <a class="a-tag" href="/article/23/7786020/detail.html" target="_blank">textarea - Vaadin TextArea 字体</a> <p>是否可以更改 TextArea 的字体？我需要一个固定宽度的字体来显示一些原始数据，这些数据被格式化为在控制台的列中显示。 最佳答案 您可以使用 CSS 来实现，只需为您的应用程序创建一个主题并添加以</p> </li> <li> <a class="a-tag" href="/article/23/7540834/detail.html" target="_blank">textarea - 换行符在 Textarea 输出中不起作用</a> <p>换行符或 pharagraph 在 textarea 输出中不起作用？例如，我在 textarea 中为 pharagraph 使用 enter 但在输出中不起作用？我怎样才能做到这一点？ $("#s</p> </li> <li> <a class="a-tag" href="/article/23/7514585/detail.html" target="_blank">textarea - JavaFX – TextArea 的一行中有多少个字符？</a> <p>这个问题在这里已经有了答案: How to calculate the pixel width of a String in JavaFX? (4 个回答) 6年前关闭。 如何计算 TextArea </p> </li> <li> <a class="a-tag" href="/article/23/8223121/detail.html" target="_blank">textarea - 比较两个不同 CodeMirror textarea 的变化</a> <p>我正在尝试使用两个不同的 textarea s 显示相同的代码，但有一个母版和另一个副本。在副本textarea ，我想强调更改，类似于 GitHub 在我们进行一些更改时提供的内容。 我想知道这是否</p> </li> <li> <a class="a-tag" href="/article/23/6906762/detail.html" target="_blank">textarea - 如何知道用户在 JavaFX TextArea 中选择了哪个文本字符串</a> <p>我需要允许用户突出显示文本(用鼠标选择一个范围)，然后我想让他们能够通过下拉右键菜单将某些设置应用于该文本。 我知道后半部分。但是如何获取从 JavafX 的文本区域中选择的文本字符串？ 另外，我可以</p> </li> <li> <a class="a-tag" href="/article/23/5790644/detail.html" target="_blank">Tinymce，我的 textarea 编辑器中的 textarea</a> <p>我使用 TinyMCE。 如果我在我的 textarea(编辑器)中插入另一个 texarea，tinymce 认为这个的结束标记是相关的，所以他关闭了编辑器。所有代码都可以在编辑器之外找到... 你</p> </li> <li> <a class="a-tag" href="/article/23/5585181/detail.html" target="_blank">jquery - 同时将文本从一个 Textarea 写入另一个 Textarea</a> <p>假设我有两个文本区域... 文本区域 1 文本区域 2 Hi There. 我希望能够将我在文本区域一中输入的文本添加到文本区域二中的文本之后。例如:如果我写“我的名字是乔”。在文本区域一中，它将同</p> </li> <li> <a class="a-tag" href="/article/22/3146980/detail.html" target="_blank">javascript - textarea 下方的代码作为其值进入 textarea 内部？</a> <p>我通过点击一个按钮来实现这个 Bootstrap Modal。但是在点击按钮时，模态出现在屏幕上，除了文本区域字段之外的每个字段都正确显示，按钮代码和文件上传代码在它下面，正在进入文本区域，为什么会这</p> </li> <li> <a class="a-tag" href="/article/18/768931/detail.html" target="_blank">jquery - 从 textarea 获取值并用文本创建一个新的 textarea</a> <p>现在我在获取值时遇到了问题 ~ 我正在执行一个功能，当我单击一个按钮时，它会显示一个模式，并且在其中有一个文本区域。将所有内容写入其中后，单击“确定”按钮，它将使用您编写的文本创建一个新的文本区域。你</p> </li> <li> <a class="a-tag" href="/article/18/745285/detail.html" target="_blank">HTML Textarea - 光标从 textarea 的中心而不是顶部开始</a> <p>我有一个呈现文本区域字段的 HTML 模板和 CSS，但是当单击该字段时，光标从文本区域的中间开始，而不是我期望的从左上角开始。 这不会出现在 IE 中，但会出现在 Chrome 和 FF 中。我还得</p> </li> <li> <a class="a-tag" href="/article/23/7790528/detail.html" target="_blank">TinyMCE 在隐藏 textarea 之前不会从 textarea 中抓取内容</a> <p>我有一个在页面上运行的 TinyMCE 实例，它使我能够编辑现有帖子。我查询数据库，并填充变量 $content与存储的文本。然后我有以下 HTML: Content: " > TinyMCE 显示为</p> </li> <li> <a class="a-tag" href="/article/23/7360827/detail.html" target="_blank">textarea - 按下 ENTER 时禁用 Textarea 中的新行</a> <p>每当有人在 textarea 中按 Enter 键时，我都会调用一个函数.现在我想禁用 new line或 break按下回车键时。 所以new line按下 shift+enter 时应该可以工作。</p> </li> <li> <a class="a-tag" href="/article/23/5839854/detail.html" target="_blank">textarea - JavaFX/ScalaFX - 更改禁用 TextArea 的文本颜色？</a> <p>我有一个带有一些 TextArea 元素的 GUI 来显示信息。由于 GUI 将对 keyevents 使用react，因此我在场景元素中添加了一个 EventHandler。因为我不想为每个文本区域</p> </li> <li> <a class="a-tag" href="/article/23/5677196/detail.html" target="_blank">jquery - textarea、tinyMCE 并在 textarea 中插入图像</a> <p>我想用 jquery 在文本区域中插入图像。 (我知道 img 标签无法插入到文本区域中)。我正在使用tinymce jquery: tinyMCE.init({ mod</p> </li> <li> <a class="a-tag" href="/article/23/5370328/detail.html" target="_blank">javascript - 从 textarea 对象获取 textarea 值</a> <p>为什么这行不通？这里的input类型是text: var name = $("input[name='Event[name]']").serializeArray(); name = name[0].</p> </li> <li> <a class="a-tag" href="/article/23/5222230/detail.html" target="_blank">javascript - 以 TextArea 背景作为实时计数器的 TextArea 字符限制器</a> <p>我正在研究一种解决方案，当您在 TextArea 中键入文本时，它应该通知用户还剩下多少字符需要输入。比如你只能输入200之类的。这很容易制作，但我希望计数器显示在 TextArea 的背景中而不是单</p> </li> <li> <a class="a-tag" href="/article/23/5198971/detail.html" target="_blank">javascript - textarea Object.type == "textarea"。这有什么用？</a> <p>“文本区域类型属性”有什么用？ W3foos says this: The type property returns which type of form element a text area i</p> </li> </ul> </div> </div> <div class="resource col-xs-3 col-sm-3 col-md-3 col-lg-3"> <div class="content-p content-p-comment"> <div class="phone-current phone-current-float"> <img alt="" src="/images/phone/manphone.jpeg"> </div> <div class="phone-current-float phone-current-style"> 行者123 </div> <div class="phone-current-summary"> <span><strong>个人简介</strong></span> <p> 我是一名优秀的程序员,十分优秀！ </p> </div> </div> <div class="content-p content-p-comment"> <article class="p-list"> <div class="art-margin" style="border-bottom: 1px solid #f3f0f0; padding-bottom: 5px;"> <strong>作者热门文章</strong> </div> <ul class="recomment-list-user"> <li><a class="a-tag" href="/article/23/3201999/detail.html" target="_blank">html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？</a></li> <li><a class="a-tag" href="/article/23/3201998/detail.html" target="_blank">JMeter 在响应断言中使用 span 标签的问题</a></li> <li><a class="a-tag" href="/article/23/3201997/detail.html" target="_blank">html - 在 :hover and :active? 上具有不同效果的 CSS 动画</a></li> <li><a class="a-tag" href="/article/23/3201996/detail.html" target="_blank">html - 相对于居中的 html 内容固定的 CSS 重复背景？</a></li> </ul> </article> </div> <div class="content-p content-p-comment"> <article class="p-list"> <div class="art-margin" style="border-bottom: 1px solid #f3f0f0; padding-bottom: 5px;"> <strong>滴滴打车优惠券免费领取</strong> </div> <img alt="滴滴打车优惠券" src="/images/ad/didiad.png" width="210px" onclick="window.open('/ad/didi', '_blank')"> </article> </div> <div class="content-p content-p-comment"> <article class="p-list"> <div class="art-margin" style="border-bottom: 1px solid #f3f0f0; padding-bottom: 5px;"> <strong>全站热门文章</strong> </div> <ul class="recomment-list-user"> <li><a class="a-tag" href="/article/92/8826220/detail.html" target="_blank">OpenAI发布适用于.NET库的稳定版本</a></li> <li><a class="a-tag" href="/article/92/8826219/detail.html" target="_blank">Windows应急响应-QQ巨盗病毒</a></li> <li><a class="a-tag" href="/article/92/8826218/detail.html" target="_blank">浏览器中生成OSS令牌|WebCryptoAPI</a></li> <li><a class="a-tag" href="/article/92/8826217/detail.html" target="_blank">（系列五）.net8中使用Dapper搭建底层仓储连接数据库（附源码）</a></li> <li><a class="a-tag" href="/article/92/8826216/detail.html" target="_blank">【VMwareVCF】使用SFTP服务器备份VCF核心组件的配置文件。</a></li> <li><a class="a-tag" href="/article/92/8826215/detail.html" target="_blank">从零开始学机器学习——网络应用</a></li> <li><a class="a-tag" href="/article/92/8826214/detail.html" target="_blank">c++面经系列0：开篇-c++岗位面试都会问些什么？</a></li> <li><a class="a-tag" href="/article/92/8826213/detail.html" target="_blank">在Windows平台使用源码编译和安装PyTorch3D指定版本</a></li> <li><a class="a-tag" href="/article/92/8826212/detail.html" target="_blank">Windows应急响应-Auto病毒</a></li> <li><a class="a-tag" href="/article/92/8826211/detail.html" target="_blank">llama.cpp推理流程和常用函数介绍</a></li> </ul> </article> </div> </div> </div> </div> <div class="foot-font" style="border-top: 1px solid #f3f0f0; margin: auto; padding: 15px; background-color: #474443" align="center"> <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"><span class="color-txt-foot">Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号</span></a> <br/> <a href="/" target="_blank"><span class="color-txt-foot">广告合作:1813099741@qq.com</span></a> <a href="http://www.6ren.com" target="_blank"><span class="color-txt-foot">6ren.com</span></a> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d1cb9c185f1642d6f07e22cafa330c45"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d46c26b2162aface49b8acf6cb7025e1"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>