gpt4 book ai didi

javascript - jQuery 计数字符达到限制

转载 作者:行者123 更新时间:2023-11-28 17:29:48 27 4
gpt4 key购买 nike

如何向函数添加限制(10 个字符),计数器在达到该限制时停止?

当输入 10 个字符时,chars-counter 停止计数(并显示 10)。如果删除,则会倒数到 0。

$(document).ready(function() {
var textarea = $("#my_textarea");
textarea.keydown(function(event) {
var numbOfchars = textarea.val();
var len = numbOfchars.length;
$(".chars-counter").text(len);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="my_textarea" class="uk-textarea" rows="5" name="text"></textarea>
<h1 class="chars-counter">0</h1>

最佳答案

  1. 用于输入事件 ( on input event )

$(document).ready(function() {
var textarea = $("#my_textarea");
textarea.on('input',function(event) {
var numbOfchars = $(this).val();
var len = numbOfchars.length;
var text;
len <= 10 ? text = len : text = "over"
$(".chars-counter").text(text);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="my_textarea" class="uk-textarea" rows="5" name="text"></textarea>
<h1 class="chars-counter">0</h1>

关于javascript - jQuery 计数字符达到限制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50731658/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com