コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Jqueryは新浪微博を模倣してテキストボックスに入力できる単語数のコードを取得する実装 box_jquery

Jqueryは新浪微博を模倣してテキストボックスに入力できる単語数のコードを取得する実装 box_jquery

WBOY
リリース： 2016-05-16 17:41:30
オリジナル
1155 人が閲覧しました
limit.js コード
コードをコピー コードは次のとおりです:

// txt: テキスト ボックス jquery オブジェクト
//limit: 制限された単語数
// isbyte: true: 制限をバイト数として扱う; false: 制限を文字数として扱う
// cb : コールバック関数、パラメータは入力可能な単語数です
function InitLimit(txt,limit,isbyte,cb){
txt.keyup(function(){
var str=txt.val( );
var charLen;
var byteLen=0;
if(isbyte){//元のブログ: blog.csdn.net/blueceyoung
for(var i=0;iif (str.charCodeAt(i)>255){
byteLen =2;
}else{
}
}
charLen = Math.floor((limit-byteLen)/2);
}else{
byteLen=str.length;
charLen=limit-byteLen; ;
});
}



ページ コード
:

コードをコピーします🎜> コードは次のとおりです。




< ;script type="text/javascript">
$(document).ready(function(){
InitLimit($("#txt"), 10,true,function(c){
if(c>=0){
$("#show").val(" " c " 文字も入力できます"); {
$("#show"). val("(-c) "文字数");

InitLimit($("#txt1) "),10,true,function(c) {
if(c>=0){
$("#show1").val("「 c " 文字も入力できます」);
}else{
$("# show1").val("超過" (-c) "文字")
}
}); /script>










関連ラベル：
単語数 テキストボックス 新浪微博
ソース：php.cn
前の記事：jQuery でページをスムーズにスクロール (上または下)_jquery 次の記事：入力ボックスを強調表示する構文を作成するための JavaScript 実装のアイデア box_javascript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
新しいオブジェクトを特定の既存の配列名に追加し、インデックス値を使用して保存します。 おそらく最良の方法は、既存の配列の末尾に新しいオブジェクトを名前なしで保存することであることはわかっていますが、これを行う方法を学び、それをインデックス値 [0] に配置する方法を...
から 2024-04-03 19:43:33
0
2
310
管理パネル: 新しい PHP ページの生成 phpを使ってブログページを作りたいと思っています。私が抱えている問題は、管理パネルから新しい投稿を作成したい場合に、このページをどのように作成するかということです。
から 2024-04-03 15:46:31
0
1
277
オブジェクトの上にカーソルを置くとオブジェクトが消え、別のオブジェクトが表示されてクリックできるようにするにはどうすればよいですか? 最初のオブジェクトは、クラス「dog-letter」のオブジェクトです。これには、クラス「dog」と「letter」の 2 つのオブジェクトがあります。ホバーすると消えるようにする...
から 2024-04-01 13:23:16
0
1
355
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート