問題タブ [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 に答える
1338 参照

greasemonkey - テキストが選択された後に関数を呼び出す方法

ドキュメントでテキストが選択された後に関数を呼び出したい。次のコードが機能していません

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

javascript - Javascript touchend イベントが Android で発生しない

jquery mobile で指定されている touchend (または、taphold イベント、どちらも発生しない) を使用しようとしています。phonegap プラットフォームを使用して Android 用のアプリを開発しています。私の AVD は Android 4.0.3 を実行しており、phonegap のバージョンは 1.3.0 です。

phonegapを使用しているので、javascriptでコーディングしています。目的は、次のコードで単語を長押しした後、ユーザーが選択したテキストを復元することです。

実際には問題なく動作します。比較的すばやくタップすると、イベントが発生し、ログ メッセージを取得できます。ただし、すばやくタッチしてもテキストは選択されません (選択したテキストを取得するコードは他にもありますが、これは問題ではありません)。

ユーザーが Android で長押しすると、デフォルトの「アクション メニュー」がポップアップし、これがそれ以上のイベントの起動をブロックしているようです。そのため、実際のテキストが選択されているときに selectAction に入ることはありません。

Androidプラットフォームのhtml/javascriptで選択したテキストを適切に取得する方法を知っている人はいますか?

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

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

jquery - getselection をセレクターとして使用しますか?

getselection();テキストをjqueryのセレクターとして使用するにはどうすればよいですか。

このようなものもありますが、これはうまくいきません:

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

javascript - iPad をクリックしても位置情報とコンテナ情報を取得できない

chrome または Safari ブラウザーで、ページ上のテキストを選択すると、 で選択情報を取得できますwindow.getSelection()。また、iPad でも機能しました。しかし、ブラウザで をクリックするだけでwindow.getSelection (isCollapsed==true) 、位置とコンテナに関する完全な情報が表示されます。iPad では、選択範囲は折りたたまれていますが、位置情報は0ornullです。

iPadでクリックしたときにコンテナと位置情報を取得する方法を知っている人はいますか?

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

javascript - window.getSelection()の値がコールバック中に変更されます

window.getSelection()の値を保存しようとしていますが、ユーザーが別の選択を選択すると、この値が変わるようです。

以下のコードでは、最初のユーザーの選択を保存しています。次に、フォームを作成し(少し時間がかかります)、フォームの作成が完了したら、ユーザーの選択をフォームに入力します。これで、フォームの作成中に、ユーザーが他のテキストを選択できるようになり、選択変数に格納されているオブジェクトが変更されました。選択の値が変更されないようにするにはどうすればよいですか?

編集-フォームは選択されたテキストの位置を参照するため、選択のDOM構造を維持する必要があります。

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

javascript - getSelection が Chrome の画像に対して機能しない

私のサイトでは、iframe を使用する WYSIWYG エディターを使用しています。

リンクを追加するためにテキストをダブルクリックして選択すると、Chrome、Safari、および Firefox で、選択したテキストが正しいテキストになり、リンクが追加されます。

ただし、代わりに画像をクリックすると、選択は Firefox でのみ行われます。Chrome と Safari には空の選択があり、画像を選択してリンクを追加するには、手動選択のようにマウスをドラッグする必要があります。

私のコードは次のとおりです。

この問題を解決する方法はありますか?

前もって感謝します。

@Tim の提案に従って、コードをそのコードに変更します。

しかし、まだ機能しません。他に提案はありますか?

0 投票する
2 に答える
456 参照

javascript - 選択した単語の前後の単語をスキャンするJavascript

javascriptを使用して単語が強調表示された完全な文を生成しようとしています。

ハイライトされた単語を取得します。私はjavascriptの範囲の例を探していましたが、句読点が見つかるまで選択範囲を後方に移動し、句読点が見つかるまで前方に移動してループする方法をまだ完全には理解していません。

例:

ソーシャルメディアは神経症との関係が深い。FacebookやTwitterのようなサイトには強迫観念が不可欠です。彼らはエネルギーと話題を追加します。彼らのアイデンティティは彼らのアバターと結びついており、それ自体がサイトを重要に見せています。それらはコンテンツの多くを提供します。昨年秋に発表された調査によると、Twitterの2万人のユーザーがそこで読んだものの半分を提供しています。しかし、強迫観念も危険です。彼らはサイトを不気味に見せることができます。

上記の「Facebook」という単語を選択した場合、最後の文字列は「FacebookやTwitterなどのサイトには強迫観念が不可欠です」になります。


アップデート1:

以下に説明するコードは機能しますが、htmlタグがある場合は停止します。

例:

商務省のレポートを詳しく調べると、さらに残念な数字を見つけることができます。在庫の生産(企業が後で販売することを見越して備蓄に追加する商品)を別にすれば、この四半期の経済成長率はわずか1.6%でした。回復のこの時点で急増するはずの設備投資は、ほとんど上昇しなかった。そして、個人の可処分所得(税金を支払った後に人々が費やさなければならない金額)は、わずか0.4パーセント拡大しました。

上記の「検索」を選択すると、出力文は「商務省のレポートを詳しく調べると、さらに多くの失望した数字を見つけることができます」ではなく、「さらに多くの失望した数字を見つけることができます」になります。

前後のマッチング中にタグを削除するにはどうすればよいですか?

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

javascript - Firefox:トリプルクリックで段落を選択すると、私が期待するものとは異なる動作が発生します

マウスをトリプルクリックして段落を選択するdocument.getSelection().leftOffsetと0に設定されますが(これは正しいようです)、rightOffsetプロパティは1に設定されているため、選択を処理するコードは、選択されている段落の最初の文字のみと一致する結果を生成します。これはバグですか、それとも何かが足りませんか?

0 投票する
2 に答える
8144 参照

jquery - window.getSelection()。getRangeAt()が正しく機能しない

html要素内のテキスト選択を取得し、その周りにスパンタグを挿入しようとしています。これまでのところ、正しいインデックスに問題があります。ブロック内のテキストを強調表示すると、タグ<p>の後にインデックスが0になります。<br>テキストをslice()して、テキストを強調表示した後、選択したテキストを取得してAjax経由でサーバーに送信した後、スパンタグと再結合できるようにしたいと思います。

HTMLとコードのサンプルを次に示します。

jQuery: