問題タブ [mousemove]

コードを使用してvimeoビデオFULLSCREENを埋め込むプロジェクトに取り組んでいます:

親ページでMousemove関数を使用して、次のようにMousemoveに会社のロゴを表示しています:

私の問題は、ブラウザーが埋め込まれたフルスクリーン ビデオで Mousemove 機能を検出しないことです。これが、ロゴ div が表示されない理由です...

CSS の使用pointer-events: none;動作しますが、ビデオ プレーヤー コントロールを無効にしました。

解決策はありますか？

ありがとう

IFRAME内にIFRAMEがあり、getMousePositionメソッドがiframe内の現在のマウス位置を取得できません。最初のIframeで機能しますが、親ドキュメントの関数からgetMousePositionを呼び出すと、フォールバック値600と350が返されます。参考：生成されたIFrameのコンテンツを制御することはできませんが、そうではありません。クロスドメインアクセス。IFRAMESと親ドキュメントの両方が同じサーバーでホストされています。私はInternetExplorer8用にプログラミングしているだけなので、ブラウザーの互換性は問題ではありません。

私はこの質問を読みました：解決された質問ですが、答えは私の問題を解決しませんでした。私はこの質問を見つけましたが、答えのどれも私のために働いていないようです。私の新しい編集されたコード：

ユーザーがマウスを押したまま移動することで描画できるフォームを作成しようとしています。したがって、MouseMove イベントをサブスクライブし、指定された Point を使用してその時点で Pixel を描画します。

残念ながら、マウスを速く動かすほど、メッセージ キューによってスキップされて破棄されるポイントが増えるため、ペンで描いた線ではなく、一連のポイントになってしまいます。

各ポイント間の空白を手動で埋める必要がありますか? もしそうなら、2点間の点のリストを計算するための良いアルゴリズムは何ですか?

各ボタンのイベントを手動で設定してきましたが、これを一般化するにはどうすればよいですか?

ButtonBase をオーバーライドできると思いますが、どうすればよいでしょうか? 私は比較的新しい C# プログラマーであり、実際のデバイスをシミュレートしているため、これが必要です。そのため、カーソルを変更して、ユーザーがどこをクリックできるかを知る必要があります。

これは可能だと確信しています-そしておそらく非常に簡単です-しかし、それを機能させる方法を理解することはできません。ほろ酔いツールチップをマウスと一緒に水平に動かすにはどうすればよいですか？

ほろ酔い対応の要素にカーソルを合わせると、ツールチップが通常のY位置（要素の真上）に表示されるようにしますが、X位置を要素の中心に固定するのではなく、マウスのX位置。少し複雑にするために、重力が2文字の要素（「nw」、「ne」、「sw」、「se」）に対してのみmousemove関数を有効にしようとしています。

私が試したすべてが機能せず、プラグインが公開されているため、投稿するコードはありません。

Jquery と CSS を使用して「自家製」のツールチップを開発しています。

正常に動作しているようですが、

http://jsfiddle.net/GLZFc/

「トリガー」要素の上に配置されます（そして水平方向に中央に配置されます）が、マウスを上に移動すると下に移動し、逆になります。

私は何を間違っていますか？

iPhone の jQuery mousemove() について質問があります。問題は、タッチが発生したときに iPhone で動きが表示されないことです。iPhone の Safari でイベントが正しく機能しません。

これを修正したり、iPhone で動きを検出したりするための Javascript プラグインのヒントを得ることができますか?

デモ： http： //jsfiddle.net/H45uY/6/ここでやろうとしているのは、マウス
のフォローの左上隅を作成することです。<div>コードは段落がなくても正常に機能しますが（上記のデモを参照）、段落を追加すると、<div>が押し上げられ、マウスがボックスの横の半分になります。なぜ段落はこれを行うのですか？
ありがとう！

Chrome と FF でうまく機能する情報オーバーレイがあります。これは、表 (枠線イメージ レイアウト用) と中央のコンテンツ div を含む div です。適切なボーダー テーブル セルでマウスダウンをトリガーします。

これが発生すると、別の div が z-index で前面に移動され、mousemove および mouseup イベントに沿って渡され、情報バブルのドラッグが処理されます。マウスアップが発生すると、情報バブルによって「イベント」div が元の場所に戻されます。

バブルの右下隅をドラッグしてサイズを変更する場合も、同じプロセスに従います。繰り返しますが、Chrome と FF では機能しますが、IE では失敗します。

IE は、イベント トリガーを情報 div に制限しているようです。マウスが div の外に移動した場合 (イベントの発生/更新よりも速くドラッグしたため)、情報オーバーレイは mousemove イベントを受信しなくなりました。ただし、(ボタンを放さずに) マウスをオーバーレイの上に戻すと、引き続きマウス イベントを受け取ります。

編集：いくつかのサンプルコードを作成する際（現在の機能はいくつかのJSモジュールに分割されています）、IEで機能しました。サンプル コードと実際のコードの違いがわかり次第、再度更新します。

編集/回答: (新しいユーザーがこの期間内に自分の質問に答えることはできません...) 実際の問題が何であったかはまだわかりません。(あなたが私に尋ねると、z-index が 100 の div はマウス イベントを問題なく受け取るはずですか?)

私の解決策は、設定したいすべてのドラッグ/サイズ変更動作に対して、mousemove と mouseup を親 div にアタッチできるように (最初に行う必要があったように)、マウス イベント処理を修正することでした。

この問題は、イベントへの初心者のアプローチと、stopPropagation() があまりにも多くの場所にあるために、そのようなアプローチを取ることができなかったことが原因でした。（情報ボックスのテキストなどを選択可能にしたかった）。

すべてのマウス イベントではなく、マウスダウン時にのみテキスト コンテナーの伝達を停止する必要があるように、コードを調整しました。