ホームページ > 記事 > ウェブフロントエンド > JavaScript はテキスト ボックス内の文字数を記録し、文字数の変化を検出します_JavaScript スキル
JavaScript はテキスト ボックス内の文字数を記録し、文字数の変化を検出します_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 16:34:01970ブラウズ
私は最近、プロジェクトに取り組んでいるときにそのような問題に遭遇しました。これは、ユーザーがテキストボックスに入力したテキストをカウントし、それを下に表示する必要があります。なぜなら、私たちが行っているのはSMS送信プラットフォームだからです。 SMS サービスでは、メッセージが 70 文字を超える場合、テキスト メッセージが 2 通送信されます。したがって、ユーザーが入力した単語の数を表示する必要があります。私の情報がいくつかの部分に分割されることを知ることは、ユーザーにとって便利です。
コードをダウンロードしてアップロードしました。使い始めたときは問題なく使えましたが、しばらく使用していると問題が見つかりました。テキストを削除した後の単語数の変更に問題があるということです。後で調べたところ、問題が見つかりました。 onKeyDown="showLen(this)" onKeyUp="showLen(this)。以前は、毎回いずれかのメソッドのみが使用され、誰も使用していませんでした。これら 2 つのメソッドは、キーボードを押したときとキーボードを放したときにカウントされます。はい、プログラムをアップロードします
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<mce:script language="javascript"><!--
function showLen(obj)
{
document.getElementById("contentLen").value=obj.value.length;
document.getElementById("smsnum").value=Math.floor(obj.value.length/70)+1;
}
// --></mce:script>
</HEAD>
<BODY>
<textarea name="content" cols="60" rows="5" id="content" onKeyDown="showLen(this)" onKeyUp="showLen(this)">
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。