問題タブ [getselection]

選択したテキストの上に要素を配置したいと思います。しかし、私は座標を把握することができません。

例：（画像）

Firefoxが範囲を選択するように指定したいと思います。range.select（）;を使用して、IEでこれを簡単に行うことができます。FFXは代わりにdom要素を期待しているようです。私は間違っていますか、それともこれについてもっと良い方法がありますか？

まず、テキストの選択を取得し、それを範囲に変換して（私は思いますか？）、テキストの選択を保存します。これは私が最初から範囲を取得しているところです：

後で選択を変更します（正常に）。私はIEの範囲とffxのdomIDによってそうします。しかし、それを行った後、選択範囲を元の選択範囲に戻したいと思います。

これはIEの魅力のように機能します。

私はFFXでこのようなことをしたいと思います：

残念ながら、FFXは協力的ではなく、これは機能しません。何か案は？

私はcontenteditabledivでユーザー選択を見つけるためにいくつかのコードを書いています、私はこのquirksmodeの記事から私のコードを取っています。

ChromeとFirefoxでテストしていalert(userSelection)ますが、関数内または関数外でalert（findSelection（）;）を実行すると、が返されますfunction getSelection() {[native code]}。私がそうするならば、console.log(findSelection();)それは私に与えますgetSelection()。私が間違ったことはありますか？

次のコードで選択したテキストを取得するにはどうすればよいですか？

Firefox 3.6.3を使用しています（現在、他のブラウザーには関心がありません）。

HTML：

JavaScript：

今のところ、クロスブラウザーの互換性について忘れています。これが機能することを望んでいます。私がやっていることは、typegreek.comにあるスクリプトを変更しようとしていることです (おそらくこれを知る必要はありません) 。基本的なスクリプトはここにあります。基本的に、文字を入力すると、入力している文字がギリシャ文字に変換され、画面に出力されます。私がやろうとしているのは、それを contentEditable div で動作させることです (Textareas でのみ動作します)。

私の問題は、この 1 つの関数にあります。ユーザーがキーを入力すると、ギリシャ語のキーに変換され、関数に移動し、いくつかの if によって並べ替えられ、最終的に div サポートを追加できる場所になります。ここに私がこれまでに持っているものがあります、

myField は div、myValue はギリシャ文字です。

これは、元のテキストのサイズを超えて入力しない限り機能します。事前に div に 30 文字あったとします。30 を超えて入力すると、文字 31 が追加されますが、カーソルは 30 に戻ります。位置 31 に文字 32 を入力し、位置 32 に文字 33 を入力できますが、文字 34 を入力しようとすると、文字を追加し、カーソルを 32 に戻します。問題は、cursorPos が範囲内で定義されている値よりも大きい場合、新しい文字を追加する関数が失敗することです。何か案は？

javascript を使用して iframe から選択したテキストを取得する方法は?

私の問題はこれに似ていますが、FirefoxのJavascriptで選択範囲の右側の座標を取得する方法が必要です。私は私が何を意味するかを示すために小さな例を作りました：

他の投稿から取得したコードは次のとおりです。

これにより、選択の開始の座標がわかります。選択範囲の最後の座標を取得する方法はありますか？

私は次のようなHTMLを持っています：

そして、ユーザーが何かを選択するとき、私は彼が選択した要素を特定したいと思います。たとえば、ユーザーが「text bl」を選択した場合、「first」要素と「sec」要素の両方が必要です。

このために、endContainer.nodeNameを使用してみましたが、選択したすべてのテキストに対して、親要素「text」を取得します。子要素を取得することは可能ですか？

contentEditable 要素 (p、div など) があり、その中のキャレット (カーソル) 位置を取得したいと考えています。通常、次のコードでそれを実現できます。

要素にテキストのみが含まれている場合、これは正常に機能します。ただし、要素に HTML 書式が含まれている場合、返される位置は、含まれている HTML 要素内のキャレット位置を基準にしています。

contentEditable 要素の内容がこれであると仮定しましょう:

キャレットが の中<b></b>にある場合、たとえば C と D の間にある場合、上記のコードで返される位置は 3 ではなく 1 です (contentEditable 要素のコンテンツの先頭から数えます)。

誰でもこれに対する解決策を思い付くことができますか?

次のコードを使用して、選択したテキストを取得できます。

text=window.getSelection(); /// for Firefox text=document.selection.createRange().text; /// for IE

しかし、テキストタグとhtmlタグを含む選択されたHtmlを取得するにはどうすればよいですか？