ホームページ > ウェブフロントエンド > jsチュートリアル > jquery は Weibo のテキスト入力ボックスを実装し、入力時に入力された単語の数を表示します。

jquery は Weibo のテキスト入力ボックスを実装し、入力時に入力された単語の数を表示します。

WBOY
リリース: 2016-05-16 17:28:52
オリジナル
991 人が閲覧しました

效果如下:

jquery は Weibo のテキスト入力ボックスを実装し、入力時に入力された単語の数を表示します。

代码如下:

复制代代码如下:







<script><br>$(document).ready(function(){<br> $(".taDetail").bind("click",showNum)<br> .bind("keyup", showNum)<br> .bind("blur", function(){$("#divShowNum").hide();});<br>});<br>var showNum = function(){<br> var d = $(this);<br> var pos = d.offset();<br> var t = pos.top this.offsetHeight - 22; // 出框の下边位置<br> var l = pos.left this.offsetWidth - 60;  // 弹出框の右边位置<br> var num = this.value.length;<br> $("#changeNum").html(num);<br> $("#divShowNum").css({ " top": t, "left": l }).show();<br>}<br></script>






>


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート