BooksホームWebデザインjQueryinput要素に長いテキストが入力された際、カーソルの位置を可視化するjQueryプラグインAdsjQuery2012.12.16なかなか良さそうだったので備忘録。input要素に入力したテキストが長くなると、位置の把握やテキストの量が把握できません。これが地味にストレスな事もあります。これを解決する、というスクリプトです。input要素に長いテキストが入力されてる際に、カーソル位置をバーで明示し、大まかな長さも可視化します。Indicator説明が下手で伝わってない気がするので以下のサンプルをご確認下さい。Samplevalue属性に書いてますが、入力したテキストでもバーは表示されます。デモのアニメーションやバーの色はCSSで施行しています。余分なDOM要素を追加する必要が無いのはいいですね。本体とプラグインを読み込んで初期化します。あとはbgPosというオプションでバーの位置を指定すればOK。