gpt4 book ai didi

javascript - 页面加载时不计算字符数

转载 作者:行者123 更新时间:2023-11-30 17:49:58 25 4
gpt4 key购买 nike

我正在为 textarea 创建字符数,textarea 中的限制文本为 140 个字符。我已经使用 javascript 创建了函数来计算 textarea 中的字符。在 textarea 下面,我已经显示了剩下的字符。当我在 textarea 中按下键时,字符将被计数。当加载到该页面时,该页面中有一些值,但剩余的字符不算在内。当我将鼠标放在该文本区域并按下键时,它会计数。我希望在页面加载时根据 textarea 中的值计算剩余的字符数。

这是我的代码

<强>1。 Javascript

function limitText(limitField, limitCount, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
} else {
limitCount.value = limitNum - limitField.value.length;
}
}

<强>2。 HTML 和 PHP

$tweet = "Hello world.";
<form name='myform'>
<textarea style='margin-bottom:10px; width: 750px;' class='text_tweet'
name='limitedtextarea' rows='5' maxlength='140'
onKeyDown='limitText(this.form.limitedtextarea,this.form.countdown,140);'
onKeyUp='limitText(this.form.limitedtextarea,this.form.countdown,140);'>".$tweet."
</textarea>
<br><font size='1'>(Maximum characters: 140)<br>
You have <input readonly type='text' name='countdown' size='3' value='140'> characters left.</font>
</form>

谁能帮我解决这个问题?

提前致谢。

最佳答案

如果您必须检查 textarea 长度 并在页面加载时在 countdown 中显示它,最好创建一个函数并在正文加载时调用它 喜欢:

JavaScript:

function bodyOnload(limitNum){
var tweet = document.forms['myform'].elements['limitedtextarea'].value;
document.forms['myform'].elements['countdown'].value = limitNum - tweet.length;
}

HTML:

<body onload="bodyOnload(140)">
<form name='myform'>
<textarea style='margin-bottom:10px; width: 750px;' class='text_tweet'
name='limitedtextarea' rows='5' maxlength='140'
onKeyDown='limitText(this.form.limitedtextarea,this.form.countdown,140);'
onKeyUp='limitText(this.form.limitedtextarea,this.form.countdown,140);'>Hello world.
</textarea>
<br><font size='1'>(Maximum characters: 140)<br>
You have <input readonly type='text' name='countdown' size='3' value='140'> characters left.</font>
</form>
</body>

DEMO FIDDLE

关于javascript - 页面加载时不计算字符数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19238268/

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