ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript はテキスト ボックス内の文字数を記録し、文字数の変化を検出します_JavaScript スキル

JavaScript はテキスト ボックス内の文字数を記録し、文字数の変化を検出します_JavaScript スキル

WBOY
リリース: 2016-05-16 16:34:01
オリジナル
990 人が閲覧しました

私は最近、プロジェクトに取り組んでいるときにそのような問題に遭遇しました。これは、ユーザーがテキストボックスに入力したテキストをカウントし、それを下に表示する必要があります。なぜなら、私たちが行っているのは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)">
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート