JavaScriptはドキュメント内のクリックの位置をどのように報告できますか？コンテキストの場合

-2

、私はGoogleドキュメントは、ユーザーがこのような強調表示されたテキストに関連したコメントを入力することができますないかの近似を作るしようとしている：JavaScriptはドキュメント内のクリックの位置をどのように報告できますか？コンテキストの場合

私はグーグルを実装しようとないよドキュメント！私は、静的なHTMLページの特定の文、段落、または見出しにエンドユーザーのコメントを付けるだけです。私が紛失しているのは、ユーザーがクリックしたときのことです。JavaScriptを使用してテキストやDOMをクリックしたところをどのように把握できますか？

サポートされているブラウザ：iOSとAndroid（Mac、Windows、Linux）の最新バージョンを含むIE 10以上、Edge、Chrome、Firefox、Safari（2017年前半）。

How to implement Google doc like text editor?は教育的ですが、私は数日でこの1つの機能の近似を実装する方法を探しています。サーバー上で何が起こるか、データベース内の位置がどのように格納されているか、静的なHTMLが時間とともに変化するとどうなるか、そのすべてはこの質問の範囲外です。私はちょうどクライアント側のJavaScriptについて質問し、ユーザーが文書をクリックした場所を特定します。

出典

2017-02-17 GlenPeterson

：この質問は、わずか数日でGoogleドキュメントの作成と同じくらい硬い何かをする方法を求めています。選択を取得する方法については、https://developer.mozilla.org/en-US/docs/Web/API/Selection?redirectlocale=en-US&redirectslug=DOM%2FSelectionを参照してください。ツリーを歩いてテキストを収集することは、簡単ではありません。本当に面倒なコードです。あなたが要求したのは、誰かがあなたのために仕事をすることです。これは、Stack Overflowの目的ではありません。また、あなたが試したことや探したことを示していませんでした。 –

@ JaredUpdikeこれは良い質問ではない理由の役に立つリンクと説明をありがとう。 JavaScriptで簡単にできることをすぐにはわかりませんでした。親切なユーザーの答えは、私が探していたものです。彼が私のために自分の仕事をしたと言っても過言ではないと思います。あなたが言ったように、私は解決するためにまだいくつかの難問を抱えていますが、この質問は、JavaScriptがドキュメント内のクリックの位置を最もよく報告する方法に関するものです。 – GlenPeterson

次のコードは、ユーザーのclickイベントの座標を提供します。アスカーへ

document.addEventListener("click", (e) => console.log(e.clientX, e.clientY))

出典

2017-02-17 21:31:49

これは良いスタートですが、ページの表示部分の上端からのオフセットを示します。ドキュメント全体でクリックが発生した場所を知るために、ユーザーがスクロールしたドキュメントの深さを把握する必要があると思います。 – GlenPeterson

ああ！私はあなたの答えをこれと組み合わせれば十分だと思います：http://stackoverflow.com/questions/2481350/how-to-get-scrollbar-position-with-javascript – GlenPeterson

@GlenPeterson私は嬉しいです。場合は、upvoteまたは質問をマークすることができます:) –

JavaScriptはドキュメント内のクリックの位置をどのように報告できますか？コンテキストの場合

答えて

関連する問題