javascript - 如何根据文本区域长度更改文本

标签 javascript jquery html

我添加了以下代码,并且我正在更新文本,但在单击文本区域外部时进行更新。

$('.form__input-el').change(function() {
    $('.form__character-indicator').text($('.form__input-el').val().length);
})

为什么会发生这种情况以及如何在不单击文本区域外部的情况下使其更新?

最佳答案

如果你想立即更改输出,可以使用 keyup

$('.form__input-el').keyup(function() {
    $('.form__character-indicator').text($('.form__input-el').val().length);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea class="form__input-el"></textarea>
<div class="form__character-indicator"></div>

关于javascript - 如何根据文本区域长度更改文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48604030/

相关文章:

css - 最大化一个 float 的div?

html - Bootstrap 固定侧边栏和标题

javascript - Bootstrap 中两列表单之间不需要的空间

javascript - 从事件中获取 vue 组件

javascript - 10 秒后淡出消息,使用 jQuery 清除输入元素

javascript - 从 JavaScript 对象中删除整个键

javascript - 根据数据行和数据列对无序列表进行排序

javascript - 基于 jQuery 的菜单 - 如何让 slideUp/Down 依次运行,而不是同时运行?

javascript - react-navigation 如何将 tabBarNavigation 放置在图像背景之上

javascript - 如何从现有的 json 对象创建新的 json 对象?