在用户键入时实时显示 HTML 文本区域中的字符数
在用户键入时实时显示 HTML 文本区域中的字符数，可以通过使用 JavaScript 和 HTML 实现。以下是一个简单的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>实时显示字符数</title>
<script>
function updateCount() {
var textarea = document.getElementById("textarea");
var count = document.getElementById("count");
count.innerHTML = "字符数: " + textarea.value.length;
}
</script>
</head>
<body>
<textarea id="textarea" oninput="updateCount()"></textarea>
<p id="count">字符数: 0</p>
</body>
</html>在这个示例中，我们使用了一个名为 textarea 的 HTML 文本区域，并为其添加了一个 oninput 事件，该事件在用户键入时触发。updateCount() 函数会获取文本区域的值，并计算其长度，然后将结果显示在名为 count 的 HTML 元素中。
这个示例可以在任何现代浏览器中运行，无需使用任何云计算平台或特定的云服务。
相关·内容
我正在尝试创建一个带有textarea和span的博客评论form，它向用户显示可以在文本区引入的剩余字符数。form>$('#comment') $('#comment-chars-left').html('' + (512 - $textarea.va
浏览 0提问于2011-10-06得票数 5
回答已采纳
我的HTML如下：<span {{100 - cancelMessage.length}} charactersremaining</span>$scope.cancelMessage = '';
当我在文本区域中键入时<
浏览 0提问于2014-07-14得票数 4
我已经编写了按键事件来显示我的文本区域控件的其余字符。它当前向我显示了键入时剩余的字符数，但在单击Backpace键或从文本区删除一些字符时不会减少。有人能告诉我问题出在哪里吗？return false; else {
$("#remainingGeneralAgreementName"
浏览 0提问于2017-05-08得票数 0
1回答
我有一个javascript函数，当用户更改一些输入框的值时，它使用onkeyup和onchange事件来更新一些文本。update函数在客户端工作。它在大多数浏览器上运行良好，包括Chrome，但在Chrome中，按backspace键不会触发onkeyup事件。
用户输入几个字符<
浏览 3提问于2014-03-11得票数 0
在Python中，我希望从用户获取最大280个字符的输入，并在用户键入输入时在CLI上显示一个实时更新计数器(类似于进度条)。在屏幕上获取一些要更新的文本很简单，但我不知道如何在用户输入字符时对它们进行计数。编辑:代码库：
我还没有一个特定的代码片段来
浏览 1提问于2021-11-04得票数 1
回答已采纳
G‘’Day我知道正确的函数是nl2br()，但不知道如何实现它。文本区域是description。呀呀。
附件中的代码是整个代码的编辑版本。
浏览 0提问于2012-01-29得票数 0
我的JavaScript代码有一些问题，您可以在下面看到。一些文本消息依赖于计数字符数
问题是，当我们键入至少一个符号时，代码就开始了。但是在我的网站中，我在这个文本区域有一些信息，这些信息是从数据库加载的，当
浏览 3提问于2020-06-20得票数 0
回答已采纳
2回答
我在form textarea上有一个字符计数功能的问题。web上有很多解决方案，我偶然发现了一个非常方便的代码片段，如下所示，它将输出页面上指定区域中剩余的字符数：jQuery('.your-enquiry').我是否在文本区域中使用了错误的事件类型？理想情况下，我希望计数器在用户键入时<
浏览 0提问于2016-11-15得票数 0
我在我的表单中有一个文本区，它接受用户的所有可能的字符。我将在文本区域中输入的字符数限制为10。当用户输入带有特殊字符的文本时，例如‘SampleTxt’，文本区域中的字符数是10。但是当我在表单中获得<
浏览 4提问于2011-08-03得票数 0
回答已采纳
我很好奇是否有一种方法可以在用户输入时对文本区域中的内容进行样式设置。例如：我可以使用javascript在屏幕上突出显示上面的文本区域字符串中的所有元音吗？但仍然只在提交表单时发送字符串？
浏览 0提问于2012-10-30得票数 4
回答已采纳
3回答
我有一个名为taMessage的JTextArea，它显示一个消息字符串。此字符串可由用户在运行时编辑。
我有一个JLabel lblLength来显示字符数。我正在使用lblLength.setText(taMessage.getText().length()+"/ 160");来显示字符数。我应该为taMessage使用什么事件侦听器，以便在我不断地在</e
浏览 0提问于2013-07-01得票数 0
回答已采纳
5回答
我使用的是TextArea of AntDesign，当我在其中输入2-3段并按enter键显示它时，它会在一个段落中显示所有内容。我想要在文本区域中输入时所做的确切格式设置。怎么做？我只是用文字区- rows={2} defaultValue={this.state.value}
onClick={this.h
浏览 1提问于2019-07-31得票数 1
回答已采纳
这是我的帖子，因此请不要介意任何错误，我想要的帮助是关于提取/显示实际输出和更新我的文本控件区域中的值。例如:如果我必须通过设备更新信号捕获，并且必须在我的图形用户界面文本控制区中更新，而提取信号数据的代码是在其他module.Please中定义的，那么请指导我以实时方式获取和更新我的文本控制
浏览 1提问于2010-07-09得票数 0
我正在尝试使用C#中的光标计算文本区域中的字符数。例如，我在文本区域中有一个字符串：“请计算我的字符数”。如果我突出显示“characters"，它应该告诉我它有11个字符，包括空格。感谢查看并回答我的问题的人。
浏览 1提问于2011-02-16得票数 1
回答已采纳
我正在使用Angular2 reactive forms，我想在用户键入时显示textarea的字符数。我希望能够在我的html中包含表单控件的name.length，如下所示： <label for="incidentDescription">Brief，但是表单控件的length
浏览 0提问于2016-10-05得票数 8
回答已采纳
我想有一个固定的行文本区，不允许用户键入超过固定行数(和最大宽度)的更多文本。这个是可能的吗？我当前的css样式是这样的： resize: none; height: 200px; max-width:324px;}
但它仍然可以继续输入‘底部’以外的
浏览 0提问于2015-05-23得票数 0
我的视图中有一个使用Razor引擎实现的TextArea()控件。@Html.TextArea("EventNature",new { style = "width: 200px; height: 100px;" })
如何设置此控件的Maxlength属性？
浏览 0提问于2012-05-14得票数 15
回答已采纳
有没有人知道Stackoverflow是如何在输入问题和答案的文本区域下面做“预览框”的？基本上，我认为可以在jQuery中使用'.clone()‘，但它不会呈现html标记(例如<b>或<br />等)，因为不会重新加载div。我知道stackoverflow使用‘*’来标记粗体文本等，但对于我的项目，将使用'real‘标记，即对于粗体，在所选文本周围有一个包含<b>的</em
浏览 0提问于2012-01-16得票数 0
回答已采纳
通常，当您键入时，当插入符号接近文本区域的底部时，页面将自动滚动以将插入符号始终保持在viewport内(Firefox将一次滚动一行，Chrome将将插入符号滚动到视图端口的中心)。我的问题来自这样一个事实:我正在根据用户类型以编程方式更改文本区域的内容。在某些情况下，这需要添加额外的内容，从而将插入符号推开。一旦用户按下一个键，自动滚动键就会
浏览 7提问于2012-10-24得票数 17
我有一个文本区域元素，我想把它限制在100个字符以内。我目前的任务是给用户一个视觉反馈。从空框开始，它应该是"100个字符剩余“。现在，我在文本区域的onChange中添加了一个javascript函数charsLeft()，但它只能达到预期的50%。它只在我离开(焦点)文本区域时更新包含数字的div，而不是在我输入时
浏览 0提问于2010-05-27得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
