問題タブ [mouse-position]

私はデータテーブル プラグインを使用しています。ある要素でマウス移動が発生すると、マウスの調整はデータテーブルがレンダリングされる前に相対的になります。レンダリングされたテーブルを考慮して現在の位置を取得するにはどうすればよいですか?

やあ、

ウィンドウでクリックがトリガーされるたびにデフォルトで非表示になり、開くポップアップを実行しました。イベントがトリガーされる場所にポップアップを表示する必要がありますが、いくつかの制約があります。

1. ポップアップは、現在表示されているウィンドウに表示される必要があります。つまり、ウィンドウの右端をクリックした場合、スクロールを避けるために、クリックした位置の右側にポップアップを表示する必要があります。

2. ウィンドウにスクロールがある場合は、スクロールに関係なく、ウィンドウの表示部分に表示される必要があります。

ウィンドウにスクロールがある場合を除いて、現在のコードではすべてが正常に機能しています。下にスクロールしてウィンドウの中央をクリックすると、ウィンドウの現在の表示領域の外にポップアップが表示されます.........................

確認して頂けますか……。

私は今 HTML5 をいじっていて、ちょっとしたブラウザ ゲームをプログラミングしたいと思っていました。背景画像が読み込まれるキャンバスを作成しました。これは、六角形のグリッドのようなものです。どの六角形がクリックされたかを調べるには、円とその中心/半径を使用します。これについて説明します。これにより、私が投稿したコードをより迅速に理解できるようになるからです。

スクロールバーを使用するまで、これはすべてうまく機能します-その後、すべてが台無しになります。どうも座標が合っていないようです。グリッドが少し大きいため、特に小さい画面ではスクロールバーを使用する必要があります。

だからここにコードがあります

ウェブサイト

グリッドを表示するファイル worldmap.js

そして、ここで、スクロール後に奇妙な動作をするソースファイル worldmapMouseEvents.js を追加します。

ここで、円を使用してクリックされる六角形を計算する関数 (数学は正しく、(xCoord - xCenter)^2 + (yCoord -yCenter)^2 と非常に単純です。半径 ^2 が等しいかそれより小さい場合、そのポイントは円の中にあります。最初の配列はグリッドの中心座標です。)

これが完全なコードで、先ほど言ったように、スクロールバーを使用しない限り問題なく動作します。私はあなたの助けに本当に感謝しています.

私は VFX ポートフォリオ サイトに取り組んでいます。

イベント リスナーを使用して (ほぼ) 3 つのビデオを同期させました。

計画では、3 つの video-div を重ねて配置し、video1 をマウス位置の左側に表示し、video2 をマウス位置の右側に表示し、video3 をマウス位置の 50px に表示します。左、およびマウス位置の右に 50 ピクセル、ビデオのバンドのようなものです。

どうすればいいですか？

ノードをクリックするためのC＃のコードがあります：

それは動作しません。カーソルに何か問題があると思います。私の考えは、ノードの位置をマウスの位置と比較することです。どうもありがとう！

メイン フォームは Form1 で、オンデマンドでダイアログとして表示されるセカンダリ フォームは Form2 です。Form2 を呼び出すと、常に画面の左上隅に表示されます。最初は自分のフォームがまったくないと思っていましたが、画面上部の隅にぶら下がっているのが見えました。ユーザーがコンテキストメニューをクリックしてモーダルダイアログを表示する現在のマウス位置にフォームを表示したいと思います。私はすでにさまざまなことを試し、コードサンプルを検索しました。しかし、私がすでに知っているさまざまな方法で実際のマウス位置を取得する方法について、何千もの異なるコード以外に何も見つかりませんでした。ただし、この位置は常に、画面、メイン フォーム、コントロール、または現在のコンテキストが何であれ相対的です。ここで私のコード（私も試したデスクトップの配置は機能せず、フォームのみを画面の中央に配置します。

からのアラートは、現在どこにいてもゼロとしてdragend表示されています。mouseXこれはChromeでうまく機能するので、何が間違っているのかわかりません。

言い忘れましたelementCoordが、オブジェクトのオフセットをプロパティとして追加するだけです。すべてのブラウザで正常に動作します。

重複の可能性：
マウスのX / Y位置を追跡し、ラベルに印刷するにはどうすればよいですか？

小さな問題のように思われる道路の衝突に遭遇したようですが、答えを見つけることができないようです。これが私の最初の質問です。この質問の解決策を見逃してしまった場合は、お詫び申し上げます。

マウスの現在の位置を取得したいtoolStripStatusLabelがあり、これを実行して座標を取得できました。

しかし、これは、ロードしたときにのみマウスの位置を取得でき、マウスを移動したときは取得できませんでした。

どんな助けでもありがたいです、ありがとう！

mousemoveを使用して、要素に対するマウスの位置を取得しようとしています。正常に動作しますが、マウスが子要素にカーソルを合わせると、座標はこの子に相対的です。子ではなく、親divに対するマウスの位置が必要です。

たとえば、このJSFiddleを参照してください。

子を追加event.stopPropagation()してもデータは返されません。そして、私はどのようにevent.currentTarget機能するのかわかりません。

（mousemoveをtouchmoveに置き換えて）タッチフレンドリーにしたいので、mouseenterまたは他のすべてのマウスのみのコントロールを使用することはできません。

何か案は？

フレームに対するマウスの位置を取得したい。

MouseInfo は絶対位置を教えてくれます。

フレームに相対的な位置を取得する方法は? タンク。