javascript - ページの読み込み時にテキストエリアの文字カウントが失敗する

Question

英語は私の母国語ではないので、文法が間違っていることをあらかじめお詫びします。

私はjavascriptを使用してテキストエリアの文字数を数えています。コードはスムーズに機能し、入力時に文字制限が減少することを示しています。このコードを使用して、テキストエリアでphpメソッドを呼び出してデータベースからテキストを呼び出しました。ロード時にページをテストすると、テキストエリアにテキストが表示されますが、文字制限は500のままです。もちろん、正しい文字制限を示すテキストエリアに入力すると値が変更されます。

ページの読み込み時に正しい文字制限を表示するにはどうすればよいですか?

ここに私のコードがあります:

HTML コード:

<tr>
<td align="center" colspan="4">
<textarea "rows="10" cols="35" onKeyPress="return charLimit(this)" onKeyUp="return characterCount(this)"><?php echo $oRep->getDescripcion(); ?> </textarea> 
</td>
</tr>

<tr>
<td align="center" colspan="4"><p><strong><span id="charCount">500</span></strong> Caracteres disponibles.</p></td>
</tr>

JS コード:

var maxLength=500;
function charLimit(el) {
    if (el.value.length > maxLength) return false;
    return true;
}
function characterCount(el) {
    var charCount = document.getElementById('charCount');
    if (el.value.length > maxLength) el.value = el.value.substring(0,maxLength);
    if (charCount) charCount.innerHTML = maxLength - el.value.length;
    return true;
}

テキストエリアにイベントを追加しようとしましたonchange="return charLimit(this)が、変更はありません。