問題タブ [textselection]

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 投票する
2 に答える
319 参照

dom - テキストを選択し、jQuery for AJAX で 3 つの部分に分割します

コンテナー (DIV) 内に大量の HTML を取り、ユーザーにその一部を選択させたいと思います。私が探しているのは「編集可能な領域」ではありません。ユーザーがテキストを上書き/変更できるようにしたくないためです。マークするだけです。

ユーザーが選択した後、何が選択されたかを知りたいのですが、選択した部分がどこにあるのかも知りたいです。

例えば。

  1. 箇条書きリストがあり、ユーザーは箇条書き 3 と 4 を選択します。

  2. いくつかの見出し 1 と 3 つの段落があります。次に、ユーザーは中間段落の一部を選択します。その段落のどこを知りたいです。

私は少し調査しましたが、選択の startPos と endPos に関しては、MSIE が選択に問題があることを理解しています。

次に、マークされたテキストがコンテナ全体の中に複数回ある場合はどうなるでしょうか?

以下に例を示します。

問題は、ユーザーが「テンポス」を選択した場合、単語を知るのに十分ではなく、どの単語 (どの段落/見出し/箇条書き要素) であるかを知る必要があることです。

その理由は、「読者」が興味/注意を引くことができるようにしたいからです. 段落全体の場合もあれば、1 つの単語や見出しだけの場合もあります。

完璧なソリューション

選択されているDOMのどの「要素」(上から数えて)を何らかの形で検出できればよいでしょう。次に、その特定の要素内の量 (開始点と終了点)。

それから、何らかの Ajax を ASP.NET に戻して、バックエンドに何がマークされているかを伝え、それから何をしてもよいからです...

上記の機能を必要以上に多く実行するオンライン コード エディタをいくつか見つけましたが、このエディタのソリューションははるかに簡単だと思います。jQuery ソリューションを使い始める適切な方法が見つかりません。

jQuery Yoda がこれを読んでくれることを願って。:-)

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

android - これは何のテキスト選択コントロールですか?

さまざまなテキスト フィールドを持つアクティビティのテキスト選択に、同じ種類のコントロールを実装したいと考えています。図に示されている動作を実装するアイデア

ここに画像の説明を入力

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

jquery - TinyMCEカスタムリンクボタン/コマンド(jQueryを使用)

デフォルトのツールバーが非表示になっているTinyMCEエディターがあり、それを置き換えるために独自のエディターを作成しました(office2007スタイルのcssプレビューで簡略化されています)。

コードを介したリンクの作成に問題があります(cmsによって生成されたページのリストを含む独自のjQuery UIウィンドウをロードします。これにより、コードへのURLが返されます)。

私のやり方は次のとおりです。

TinyMCEセットアップ構成に以下を追加します。

したがって、実行されるコマンドはすべて、デフォルトの動作を実行する前にその関数を実行します。

その関数で、「mceLink」イベントかどうかを確認します(カスタムツールバーがコマンドを正しく送信するようになったので、問題はありません)。取得すると、ユーザーが選択したURLを返すウィンドウが表示されます。この時点で問題が発生します。

を使用して選択したノードを取得します

しかし、予想どおり、段落のノードを返します。

私がする必要があるのは、選択範囲を<a>タグでラップして、そのノードを使用できるようにすること<a>ですが、これを行う方法を見つけることができません。APIを確認しましたが、探しているものが見つかりません。TinyMCEはそれを内部で使用する必要があるため、何かがあるはずです。(私もTinyMCEソースを調べてみましたが、それは私を超えています!)

誰かアイデアがありますか?

ありがとう

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

javascript - テキストを選択不可にする

というわけで、HTML5 でスクロールバーなどをいじっていると、厄介な傾向に気付き始めました。ドラッグされている要素の近くにテキストがある場合 (たとえば、ビデオのスクラブ バー、スクロール バー、ユーザーがクリックしてドラッグするものすべて)、コントロールを使用していないかのように、近くのテキストが選択されます。ドラッグするだけです。ページの上。

これは非常に面倒で、特定の要素を「選択不可」にすることが可能かどうかを判断するために Google で検索する正しい文字列が見つからないようです。

誰でもこれを行う方法を知っていますか?

0 投票する
6 に答える
3113 参照

javascript - Firefox 拡張機能でのテキスト選択イベントの処理 (ユーザーがテキストを選択できないようにする)

keyup/mouseupを聞いてwindow.getSelection(). 何か案は?

編集: 実際、私がやろうとしているのは、ユーザーが contentDocument 内のテキストをまったく選択できないようにすることです。これを達成するものも問題ありません。(選択イベントを取得する背後にあるアイデアは、単に to preventDefault()or otherでしたgetSelection().removeAllRanges())

edit2:強調表示が表示されないようにするだけでなく、選択が行われないようにする必要があることに注意してください。

edit3: コピーを防止する必要はありませんが、要素を選択します。

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

android - 「テキスト選択モード」はすべてのビューとデバイスで同じように機能しますか?

WebView.emulateShiftHeld()のドキュメントには次のように書かれています。

このメソッドを使用して、WebView をテキスト選択モードにします。この機能に依存しないでください。将来的に廃止される予定です。

「WebView をテキスト選択モードにする」とはどういう意味ですか?

明確にするために:

  1. 「テキスト選択モード」は WebView でも他の ビューと同じように機能しますか?
  2. 「テキスト選択モード」は、エミュレーターでも他の実際のデバイスと同じように機能しますか?

たとえば、エミュレーターでは、関数をメニュー項目に関連付けます。(エミュレーターで) その項目を選択し、テキスト上でマウスをドラッグし始めると、2 つの太いカーソル (「ハンドル」?) が表示されます。選択の開始と終了を開始します。端の「手」をクリックすると、「テキストがクリップボードにコピーされました」というポップアップ バルーンが表示されます。

0 投票する
4 に答える
1568 参照

android - Android テキスト選択の用語

(エミュレータで) テキスト選択中に表示される 2 つの「台形」はどのように呼ばれますか?

それらをプログラムで制御する方法に関する詳細情報はどこにありますか?

さらにわかりやすくするために、左右の「テキスト選択台形」が見えるスナップショットを添付します。

ここに画像の説明を入力

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

android - このMotionEventシミュレーションが機能しないのはなぜですか?

エクササイズアプリのビューの1つで、プログラムでテキスト選択を実行しようとしています。

ビューの左上隅にあるCursorControllers(別名ハンドル)によって視覚的に示される「テキスト選択モード」に(プログラムで)入ることができます。

右のCursorControllerを手動でドラッグしてから、(エミュレーターで)もう一度クリックすると、期待どおりに(完全に)機能し、「テキストがクリップボードにコピーされました」という短いメッセージが表示されます。

しかし、プログラムでその右のCursorControllerをドラッグしようとしても、何も起こりません。

私がこれを行おうとする方法は、MotionEventをシミュレートすることです。ビューでは、私は呼び出します:

MainActivityでは、もちろんOnTouchListenerを実装します。

私が正しく理解していれば、onTouchから「false」を返すだけで、AndroidはMotionEventオブジェクトを消費する別のUIオブジェクトを探し続け、最終的に私のビューに到達します

なぜこれが起こらないのですか?

私は非常に基本的な何かを見逃しているに違いありません...

0 投票する
6 に答える
282983 参照

javascript - 強調表示/選択されたテキストを取得する

jQuery などを使用して、Web サイトの段落で強調表示されたテキストを取得することは可能ですか?

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

jquery - トリッキーな状況でテーブルのテキスト選択を無効にする方法は?

私はこのような基本的なテーブルを持っています:

行には、jQueryを使用したダブルクリック関数があります。

行でmousedown/up関数を使用するtabledndというプラグインもあります。ダブルクリックすると、セルでテキストが選択されます。

どうすればこれを防ぐことができますか?