人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptでテキストエリアのキャレット位置を取得する方法は検索で見つけることができたのですが、
コンテンツの編集を許可したdivタグ内でキャレット位置を取得する方法はありますか?
取得できるのであれば、キャレット位置に文字列(タグ付き)を挿入したいと考えています。

※IEで動作する方法でお願いします。IEでも「insertHTML」が使えれば良かったのですが...。

-------------------------------------
<div id="test" contenteditable="true">あいうえお</div>

●質問者: clab_yasu
●カテゴリ:ウェブ制作
✍キーワード:IE JavaScript あいうえお エリア コンテンツ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● koriki-kozou
●60ポイント

はてなの回答欄の太字(B)ボタンをクリックした場合の処理を参考にしてみると良いと思う


クリックした時に呼び出される関数

http://q.hatena.ne.jp/js/answer_edit.js

function markupBold() {

var textSelection = new TextInputSelection(document.edit.body);

var text = textSelection.getText();

textSelection.setText(addSpanProperty(text, "font-weight", "bold"));

textSelection.select();

}

関連する関数を含むファイル

http://q.hatena.ne.jp/js/textinput_selection.js

This script requires prototype.js.

http://q.hatena.ne.jp/js/prototype.js

Prototype JavaScript framework, version 1.4.0_rc2

単純にならないかなーーーとは思うけど、これが現実

◎質問者からの返答

ご回答ありがとうございます。

教えていただきましたプログラムを参考にしてみたのですが、

「TextInputSelection is no a constructor」とエラーになってしまいました。

追記です。

selection.createRange()で解決しました。

ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ