エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JavaScriptでtextareaにフォーカスした際にカーソルが先頭に来てしまう場合の対処 - F.Ko-Jiの「一秒後は未来」
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JavaScriptでtextareaにフォーカスした際にカーソルが先頭に来てしまう場合の対処 - F.Ko-Jiの「一秒後は未来」
JavaScriptを使って「要素をクリックしたらテキストエリアに文字列をセットして、そのテキストエリアに... JavaScriptを使って「要素をクリックしたらテキストエリアに文字列をセットして、そのテキストエリアにフォーカスさせる」という処理を書いたのですが、なぜか Safari と Chrome で「カーソルがテキストエリアの先頭に来てしまう」という現象が発生してしまいました。 ↑ こんな風に。 理想は「@meity_jp 」の後ろにカーソルがセットされてほしいのですが、なぜか先頭に来てしまいます。これでは入力時にわざわざ手動でカーソルを移動させないといけなくて不便です。 原因と解決法 しばらく原因がわからなかったのですが、実はすごく単純なことでした。 解決法は、「フォーカスをしてから文字列をセットする」です。jQueryで表現すると以下のように。 $('textarea').focus().val('some text'); これでカーソルは文字列の後ろにきます。これをもし、 $('text