問題タブ [mouse-position]

ユーザーのマウスの位置に応じてボールを動かす視差効果を使用しています (http://webdev.stephband.info/jparallax/index.html)。ボールも回転する方法を見つけようとしています。そのため、ユーザーがマウスを領域の上に移動すると、ボールが画面上を転がるように見えます。

マウスクリックでアイテムを回転させる方法を示すいくつかのJavaScriptの例を見つけました.jsですべてをまとめるのに十分なスキルがありません.

例を示す Jsfiddle を次に示します。

jsフィドル

マウスをドラッグするだけでフォームの境界の外にカーソルの位置を取得するのは非常に簡単です。位置が変更されるたびに、次のコード行から多くの値がフォームに送信されます。

しかし、ユーザーがフォームの境界の外をクリックしたときにマウスの位置を取得する必要があります。マウスをホバリングするだけではありません。これを行うには、次のコード行を使用しました。

MessageBox.Show(Cursor.Position.ToString());を配置しました。フォームに Deactivate イベント。ユーザーがフォームの外側をクリックすると、このイベントが確実に発生します。ただし、ユーザーが外側をクリックせずにALT + TABキーの組み合わせを使用してプログラムを変更すると、間違った値も送信されます。

実際には、最初のクリックの位置から始まる領域のスクリーン ショットをキャプチャする必要があります。したがって、フォームの外でクリックしたときのカーソルの位置が必要です。お気に入り：

WPF4とvb.net2010にプロジェクトがあります。

窓の中に帆布があります。ウィンドウは全画面表示ですが、キャンバスはウィンドウの中央で640x480の塗りつぶしに設定されています。キャンバス内でマウスの位置を取得する必要がありますが、ウィンドウ内では取得できません。どうすればよいですか？

私はいくつかの単純な MooTools 操作のロジックを取り、それを jQuery で動作するように変換しようとしています。

私が望むロジックは、このjsfiddleが許可するものは、css のサイズ変更を使用してキャンバス要素で正確なマウス位置を取得することです。

私はここで答えを見つけましたSO私は役に立たずに数時間働いています

私は彼の論理を理解していると思いますが、何らかの理由で適切な結果が見られません

これが、コメントアウトされた彼の答えからのarbyのロジックでこれまでに行ったことです

DevExpressグリッドコントロール（C＃/。NET WinForms）を使用しており、ダブルクリックイベントを処理しています。

デフォルトでは、グリッドヘッダーとデータ行をダブルクリックすると、グリッドがイベントを発生させます。

ダブルクリックハンドラーはEventArgsのみを渡すため、ユーザーがグリッド内でクリックしていた場所のヒット情報を計算するために使用するマウス位置情報はありません。

これを回避するために、Control.MousePosition値をクエリし、グリッド座標に変換してから、ヒット情報を計算しています。

これはすべて正常に機能しているように見えますが、イベントハンドラー中にこのようにMousePositionをクエリすることに危険はありますか？

イベントハンドラー内のサンプルコード

ページの左上隅に、カーソルを合わせるとメニューが表示される要素があります。ブラウザから完全にマウスを離してページにアクセスすると、メニューが表示されます。ブラウザに入るとすぐに消えます。

私の仮定では、ブラウザ内で開始しない場合、マウスの位置はデフォルトで (0, 0) になり、この位置が要素の上にあるため、ホバーがトリガーされます。要素を 1 ピクセル右または 1 ピクセル下に移動してこれを確認したところ、最初のホバーなしで両方とも期待どおりに動作しました。

これを説明する「正しい」方法はありますか？

更新: jQuery コードは次のとおりです。

そして要素：

および要素の CSS:

更新 2:これは Chrome で発生します。IE7 では発生しません。アプリ自体は MVC 1.0、VS 2008 です。

screenX/ Y、clientX/YとpageX/の違いは何Yですか?

また、iPad Safari の場合、計算はデスクトップの場合と似ていますか?それとも、ビューポートが原因で何らかの違いがありますか?

例を挙げていただければ幸いです。

スプライトのグリッドがあります。次に、グリッド要素に画像をドラッグします。したがって、グリッド要素のどのx/yがマウスの位置に最も近いポイントであるかを知る必要があります。すべてのグリッド要素は配列に格納されます。どうすればそれを達成できますか？

右クリックを検出し、マウスイベントを親の関数に渡す iframe があります。ここ (親関数内) には、カスタム コンテキスト メニューを表示するロジックがあり、コンテキスト メニューの HTML マークアップが親 DOM に挿入されます。したがって、ビューポート（または親DOM）に応じたマウス位置が必要ですが、受け取ったものはiframeに関連しています。

私はoffsetTopとoffsetParentを使ってみましたが、これはインナーページのボディタグまでしか繰り返されませんでした。