問題タブ [getselection]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
103 参照

javascript - ページにタグがない場合、キャレットの位置を取得するにはどうすればよいですか

ページ M とページ NM の 2 つのテスト ページがあります。入力テキストボックスが 1 つあるという点で、どちらも同じです。唯一の違いは、M にはメタ タグがあり、NM にはないことです。

メタタグはこんな感じ

もちろん、IE=9 または IE=8 も機能します。編集コントロールは、テキストボックス、パスワード、テキストエリア、contenteditable div などです。どちらかを使用して、現在のキャレット位置をいつでも見つけることができます

また

これは NM ページでは機能しません。ページにメタ タグがない場合、キャレットの位置を取得するにはどうすればよいですか? ご覧いただきありがとうございます

0 投票する
1 に答える
758 参照

javascript - 選択したテキストをiPadでdivでラップする方法は?

これのフォローアップの質問です。window.getSelection()を使用して選択したテキストを div でラップしようとしていますが、window.getSelection().rangeCount が 0 であるため、iPad では機能しません。

デモ: http://jsfiddle.net/codef0rmer/jE4w5/

これを iPad で動作させるための回避策はありますか?

0 投票する
3 に答える
84 参照

javascript - 入力を左向きに書きたい

私はこれがwindow.getSelection()メソッドを使用することでjavascriptで可能であることを知っていますが、私はこの選択オブジェクトに精通していません。ユーザーの書き込みカーソルが常に入力文字列の先頭にくるようにコードを書くのを手伝ってもらえますか?

0 投票する
3 に答える
5363 参照

javascript - getSelection()を特定の要素(ドキュメント全体ではない)にのみ適用できますか?

メソッドをテストしてgetSelection()いて、プログラムで選択したテキストをテキストの特定の段落で取得し、それをdivタグで表示するようにしたかったのです。次のコードを使用しました。

ただし、プログラムで、ドキュメント全体ではなく、段落自体で行われた選択のみを取得するようにします。使ってみdocument.getElementById("id").getSelection();ましたがうまくいきませんでした。

getSelection()特定の要素にのみ適用されるようにするにはどうすればよいですか?

0 投票する
1 に答える
959 参照

google-visualization - グーグルグラフAPIを使用して描画されたダッシュボードのテーブルを操作するにはどうすればよいですか?

テーブルと文字列フィルタリングボックスを含むダッシュボードがあります。テーブルを操作して、行を選択し、そこからそれぞれのデータを取得できるようにしたいと思います。

わずかな変更の後、getSelection()メソッドが機能するようになりましたが、別の問題が発生しました。以下のコードを使用して、テーブルをフィルタリングしてから、行データを選択して取得しようとしています。実際のデータの番号と行番号が一致していません。つまり、事前にフィルタリングされたテーブルを参照して行データにアラートを送信することになります...繰り返しになりますが、提案は高く評価されます。

0 投票する
1 に答える
1923 参照

javascript - window.getSelection()はhtmlノードを提供しません

これは私のページソースです:

ユーザーが選択したスパンを強調表示(新しいクラスを適用)して、IDを取得したいと思います。

window.getSelection()を介してユーザーが選択したコンテンツを取得できますが、選択したテキストノードを取得する方法がわかりません。

よろしくお願いします、ローガン

0 投票する
1 に答える
445 参照

javascript - 範囲startContainerは最も深いノードではありません

ページ内にノードの配列を生成したいと思います。これには、範囲の可能なすべてのstartContainerが含まれます。

treeWalkerを使用しようとしましたが、実際のstartContainerノードよりも深いノードが表示されます。次に例を示します。

(techcrunch.comから取得)

したがって、私のツリーウォーカーは次を返します。

(スプリット)

しかし、次のものを取得しようとすると、window.getSelection()。getRangeAt(0).startContainer.textContentが取得されます。

(分割されません)

startContainerがより深く(分割されて)いないのはなぜですか?treeWalkerのように?

ツリーウォーカーのコードは次のとおりです。

0 投票する
1 に答える
993 参照

javascript - ckeditor javascript コード EditorInstance.document.getSelection().getStartElement() Firefox では動作するが IE では動作しない

ノードの JAVASCRIPT コード:

作業中: FireFox

動作していません : Internet Explorer

エラーは :`'Editor.document.getSelection()が null またはオブジェクトではありませ

IEでカーソル位置の親ノードを取得するにはどうすればよいですか?

CKEDITOR のデータ:

<Element3>Some**[suppose Cursor Is Here]** Text </Element3>

必要な結果:

<Element6>SomeText</Element6>

0 投票する
0 に答える
158 参照

javascript - javascript範囲オブジェクトからhtml選択を取得するにはどうすればよいですか?

強調表示されたテキストとそれに付随する html コンテンツを取得しようとしているドキュメントがあります。window.getSelection() を使用してすべてが正常に機能していますが、特定の html コンテンツを抽出する必要があると、問題が発生し始めます。

強調表示されたテキストが他の html タグの途中で交差しているかどうかを判断しようとしていますが、html コンテンツを抽出するために見つけることができるすべての方法は、以前は存在しなかった html タグもドキュメントに追加しているようです。ネイティブ ドキュメントに対するユーザーの選択を知る必要があるため、これは問題です。誰もこの問題の回避策を知っていますか?

私は使ってみました

そこから先に進みますが、イタリック体のノードの途中でテストすると、常に追加の html タグが返されます。

私もrangyライブラリを使ってみました

しかし、それは同じ問題を返しました。documentFragment オブジェクトを返すメソッドは、選択したテキストについて仮定しているように見えるので、それを避ける必要があります。

誰かアイデアはありますか?私は困惑しています。ありがとう!