gpt4 book ai didi

javascript - 限制文本区域中的字符,如何考虑回车?

转载 作者:行者123 更新时间:2023-11-28 03:12:08 27 4
gpt4 key购买 nike

<分区>

我想限制用户在文本区域中输入 10 个字符,并在接近限制时通知用户。为此,我设置了文本区域的 maxLength 属性,并在输入字符时使用一些 javascript 更新标签。

但是我的 javascript 没有正确计算新行数。或者至少它不会像 textarea 元素那样计算它们。如果我输入以下示例输入,我的 javascript 将计算出正在使用 6 个字符并输出剩余 4 个字符,但 textarea 将不允许更多输入。

示例输入:输入'D',按回车4次,输入'D':

D



D

(我实际上允许超过 10 个,但较低的数量更能说明问题)

function limitText() {
var textarea = document.getElementById('textarea');
var char_label = document.getElementById('charcount_text');

var count = textarea.value.length;
var max = textarea.maxLength;
console.log(count + " " + max);
var remaining = max - count;
if (remaining <= 0) {
char_label.innerHTML = '10 character limit reached.';
} else if (remaining <= 5) {
char_label.innerHTML = '10 character limit, ' + remaining + ' remaining.';
} else {
char_label.innerHTML = '';
}
}
textarea {
width:200px;
height:80px;
}
<textarea id="textarea" onKeyDown="limitText()" onKeyUp="limitText()" maxlength="10"></textarea>
<span class="charcount_text" name="charcount_text" id="charcount_text"></span>

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