[ JavaScript ] IE の Range オブジェクトについての質問です。
テキストボックスからフォーカスが外れた際のイベント(jQueryの'focusout'イベントを使ってます)で、選択されていた部分の文字列を取得するという処理をしたいのですが、どうしてもうまく行きません。
以下のJavaScriptのソースコード中、try区の2行目でエラーが発生し、「引数が無効です」と言われてしまうのですが、どうしても原因が特定できず困っています。
どなたか、原因のわかる方のお知恵をお借りできたらと思います。
ソースコードを掲載したら、質問が長すぎると言われてしまったので、以下に別途掲載しました。
http://d.hatena.ne.jp/norisuke3/20110208/1297129434
よろしくお願いします。
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
みんなの回答
-
Cherenkov
満足60pt
とりあえずこれで動いたという回答です。
目的は focusout時に選択した文字列を取得 でしょうか。
IEだけで動けばいいのですか？
<html> <haed> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function($){ var test1 = function(e){ var range = document.selection.createRange(); //var range2 = document.body.createTextRange(); var range2 = range.duplicate(); var res = {}; try{ //range2.moveToElementText(this); range2.setEndPoint('EndToEnd', range); } catch(e) { alert(e.message); } res.start = range2.text.length - range.text.length; res.end = res.start + range.text.length; res.text = range.text.substring(res.start, res.end); alert(range2.text); }; $("#my-input, textarea") .bind("focusout", test1); }); </script> </haed> <body> <input id="my-input" type="text" name="foo" value="test" /> <br> <textarea>aaaa bbb ccc </textarea> </body> </html>
もしくは、
（Vista, IE8, Firefox3.6.13で動作確認）
<html> <haed> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#my-input, textarea").bind("focusout", function(e){ //select var isMSIE = /*@cc_on!@*/0; if (!isMSIE) { alert(this.value.slice(this.selectionStart, this.selectionEnd)); } else { var range = document.selection.createRange(); alert(range.text); } }); }); </script> </haed> <body> <input id="my-input" type="text" name="foo" value="test" /> <br> <textarea>aaaa bbb ccc </textarea> </body> </html>
参考：
-
norisuke3
-
norisuke3この質問へのコメント
質問の情報
- 登録日時
- 2011-02-08 10:48:22
- 終了日時
- 2011-02-08 13:27:07
- 回答条件
- 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
ヤフーを検索していたら、たまに写真…つまり、サムネイルが表示されている事があります。知恵袋の履歴をそ…
igorsan
-
学芸会の動画を編集しています。8K解像度舞台全体を撮影しています。この動画素材で動画を切り出して編集し…
mai_mai_mail
1
-
プラ容器の問題 醤油、蜂蜜、油脂類などのプラ容器が多いですが、プラ材質の化学有害物質が内容物に汚染す…
iquestion
2
-
思春期で親がうざいときどうすればいいですか。
匿名質問者4
1
-
二重整形って最小何歳でできるんですか匿名質問者111
× var range2 = document.body.createTextRange();
○ var range2 = range.duplicate();
完璧です！！
本当に助かりました。
windofjulyさんは、私の質問の検証中にわ私が回答撃ち切ってしまったみたいで申し訳ないです。
別途ポイントを送らせていただきます。
まじめに考えようとしなかっただけなんだし…（投稿時間を見比べれば判りますよ）
そこまでしてポイントが欲しいのか・・・
W3C DOM Ranges for IE
http://code.google.com/p/ierange/