【jQuery】chromeでtextareaにfocusした後に指定位置にキャレットを移動したい。

Question

以下のようなコードで何らかの文字列が入力済みのテキストエリアにフォーカスを当てた後に２文字目の位置にキャレットを移動させたいのですが、フォーカスまでは当たるものの、キャレットの位置は末尾のままです。

var form = $("textarea#part");
form.focus();
form.selectionStart = 2;
form.selectionEnd = 2;

ブラウザはchromeです。
selectionStartとselectionEndは、キャレット位置の取得については問題なくできることを確認しています。
今回のようにキャレット位置を設定する場合だけ動きません。

これは何が問題なのでしょうか？

Answer 1

試行錯誤の上、以下のように変更すると動きました・・・。

var form = document.getElementById("part");
form.focus();
form.selectionStart = 2;
form.selectionEnd = 2;

Comments

[lazex]

理由がわかってなさそうに見えたので

$("textarea#part") の返り値は jQuery のインスタンス
selectionStart とかのプロパティはないです

```
var form = $("textarea#part").get(0)
```

にして textarea のエレメントにすれば動くはず

[gogoackman3]

なるほど！！！補足ありがとうございます。大変参考になりました。