トップ > ラボブログ

ラボブログ

« CakePHP で DB 操作のエラーに対してメッセージを出す | メイン | Ruby on Rails だと(ユーザーファーム的に)これできるのに!ってリスト »

JS で入力済みフォームにフォーカスをあてるときのブラウザ間の挙動の差異

あとで読む

スパイスラボ神部です。


単刀直入に言うと、JavaScript で入力済みフォームにフォーカスをあてるときのブラウザ間の挙動の差異に困っています。


-JavaScriptが好きだ! - Favorites!


とりあえず Win 版 Firefox と IE で


textarea に入力済みのフォーム部品があったとします。このウィジェットに focus でカーソルを移動させると、それぞれ下記のようにフォーカスがあたる(カーソルが移動)します。


IE の場合・・・テキストエリアの先頭に


Firefox の場合・・・テキストエリアの末尾(入力済みテキストの最後に)


これを解決するにあたり、なにかいい方法はないものでしょうか。


ちょっとヒントになりそうなもの


-教えて!北京五輪「みんなにQ&A」 テキストエリアへセットフォーカス


ついでに気になる情報


[JavaScript] focus()するならblur()してから | FXB | 株式会社エフエックスビイ


うまく行く方法があれば、追記したいと思います。


もうひとつ知りたいこと


もしかしたらなにかの拡張機能でできるのかもしれませんが、


「自分が現在フォーカスをあてているフォーム部品」


への JavaScript 的なパス document.[formid].[widgetid] みたいなのを一発取得してクリップボードにコピーできるようなものありませんかね!


追記:setSelectionRange でいってみよう


textbox.setSelectionRange(0, 0); によると、


[PathToTheelement].textbox.setSelectionRange(0,0)


とかでいけるみたいです。


手元でもばっちり確認できました。


関数の名前からすると、もともとは範囲選択をするためのもののようですね。


テキストボックス内でカーソル位置を移動する方法 - Enjoy*Study


追記2:動作確認出来たブラウザ


Sleipnir、Google Chrome の原稿最新バージョンでも動作確認出来ました。

 



関連記事



ブックマークに追加する この記事についてTwitterでツイート

トラックバック

このエントリーのトラックバックURL:
http://www.spicebox.jp/cgi-bin/mt/mt-tb.cgi/741

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

mixiアプリ本
4/22発売!

mixiアプリをつくろう!
OpenSocialで学ぶ
ソーシャルアプリ



(株)スパイスボックス
神部 竜二(著)

書籍情報






検索



神部竜二
ブログ執筆者の一人です。ネットの新しい話題や Web まわりのプログラミング、Web 広告について書いていきたいと思います。


About

2009年01月19日 19:52 に投稿されたエントリーのページです。

ひとつ前の投稿は「 CakePHP で DB 操作のエラーに対してメッセージを出す 」です。

次の投稿は「 Ruby on Rails だと(ユーザーファーム的に)これできるのに!ってリスト 」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。

SEO ブログパーツ  

+ インデックス数計測 +