問題タブ [mousemove]

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

silverlight - Chrome と FF/IE の Silverlight MouseMove の不一致

画像付きのリストボックスがあります。MouseMove をキャプチャしています。FF (Win7 & OSX) & IE8 では、マウスが画像上に移動するたびに発生します。ただし、Chrome (OSX 上) では、マウス ボタンが押されている間だけ起動します。このChromeの動作は実際には非常に便利ですが、特定のブラウザでランダムに発生させるのではなく、制御できる場合に限ります. それで、Chromeでこのように動作させる全体的な設定がどこかにあるのか、それともSL実装の不一致だけなのか、誰かが知っていますか? マウスボタンが押されているかどうかを SL でテストする方法を見つけることができなかったので、私は後者を疑っています。

助けてくれてありがとう。

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

javascript - qTipはマウスの位置を追いかけることができますか?

WebサイトでqTiphttp://craigsworks.com/projects/qtip/を使用したいのですが、ツールチップでマウスを「追跡」したいと思います。つまり、ツールチップバルーンはカーソルの横に表示され、移動してもカーソルの横にとどまる必要があります。

そうするための最良の方法は何ですか?

ありがとう!

0 投票する
3 に答える
2650 参照

jquery - Jquery mousemove() は、マウスの移動なしでアクティブになります

フェードインのような google.com を実行しようとしています (テキストをフェードアウトしたい)

そのコードを使用すると、マウスを動かしていなくてもフェードアウトが自動的にアクティブになります。すべてのブラウザで発生します。任意のヒント?

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

wpf - ビューモデルでwpf datagrid MouseMoveイベントを処理する方法...MVVMパターンで?

こんにちは、

ビューにwpf-datagridがあり、mvvmモデルに従っています...したがって、「コードビハインド」にコードはありません。ビューモデルで「mousemove」イベントを処理したいのですが、どうすればよいですか?

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

jquery - jQueryのmousemoveと同時にホバープロパティを使用するにはどうすればよいですか?

jQueryのmousemoveプロパティを使用して、マウスがdiv内に存在する場合にのみ、マウスカーソルに続く画像を含む単純なdivをコーディングしました。これは、画像をデフォルトで非表示にし、マウスが存在する場合にのみ表示する(そして、マウスが離れると再び消える)場合を除いて、うまく機能します。これは通常、ホバープロパティで処理できますが、 mousemoveプロパティを指定して配置した場合は機能しません。何か案は?現在使用している基本的なコードは次のとおりです。

これがデモページです: http ://www.fluidweb.ca/movingImage

助けてくれてありがとう!

アンドリュー

0 投票する
7 に答える
19908 参照

javascript - JavaScriptを使用してアイドル状態のときにマウスカーソルを非表示にする

マウスが一定時間(たとえば5秒間)非アクティブになっている場合、JavaScriptを使用してcursor属性をプロパティに設定し、再びアクティブになったときに元に戻すことはできますか?noneauto

編集:私はそれがプロパティnoneの有効な値ではないことを認識していcursorます。それにもかかわらず、多くのWebブラウザがそれをサポートしているようです。さらに、これの主なユーザーは私自身であるため、結果として混乱が生じる可能性はほとんどありません。

同様のことを実行できる2つのスクリプトがあります。

これらのそれぞれで、マウスが5秒以上非アクティブになると、背景色が白に変わり、カーソルを動かすと背景が黒に変わります。ただし、カーソルを非表示にするためには機能しません。私が驚いたのは、コマンドdocument.querySelector("body").style.cursor = "none";をJavaScriptコンソールに入れると、完全に機能することです。スクリプト内では、機能していないようです。

これが機能するようになった限り、上記のスクリプトを投稿しました。どちらのスクリプトの修正も必ずしも求めているわけではありません。カーソルを非表示にするより効率的な方法を知っている場合は、共有してください。

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

wpf - WPF CaptureMouse() の後に MouseMove イベントを送信しません。

マウスを使用して丸くドラッグできる角の丸い長方形を含む WPF キャンバスを作成しようとしています。ただし、キャンバス上でマウスをキャプチャしようとすると、移動イベントが発生しなくなります。

これは「mycanvas」ユーザー コントロールで、四角形は「foo」ユーザー コントロールです。これらの XAML (プリアンブルを除く) は次のとおりです。

mycanvas.xaml:

foo.xaml:

そして、ハンドラーは次のとおりです。 mycanvas.xaml.cs:

MouseDown が発生すると、CaptureMouse が呼び出されます (アプリを閉じたり、アプリ内の他のものをクリックすることができなくなったため、動作します!)、MouseMove はもう呼び出されません。MouseMove イベントはどこに送信されますか?

別のアプリケーションに alt-tab キーを押してから、突然戻ると、MouseMove が呼び出され、Foo がマウスと共に移動します。

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

macos - MacOSXでの物理的なマウスの動きをシミュレートする

Mac OSX10.6でマウス移動イベントをシミュレートする方法を探しています。(ピクセルではなく)マウス単位で定義する必要があります。これは重要です。

基本的に線を引く実験に必要です。

どんなアイデアでも大歓迎です。

ありがとうございました!

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

iphone - iPhone での HTML5 キャンバス ドラッグ イベント (Safari または UIWebView)

キャンバスで「mousemove」イベントを使用する、単純な「ドラッグして描画する」落書きスタイルの HTML5/canvas 実装があります。例えば:

これは、デスクトップの Safari や FF などで問題なく動作します。ただし、iPhone で実行すると、ドラッグしても Web ビューが画面上でスクロールするだけです。

iPhone の Safari で他の HTML5 ドラッグ トゥ ドロー アプレットもいくつか試してみましたが、これまでのところ、すべて同じように失敗するようです。

キャンバス上のドラッグ/マウス移動イベントを webview スクロール イベントから分離することはできませんか?

アドバイスをありがとう!

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

c# - .NET-頑固な制御によるマウスの動きの検出

私は比較的単純なC#プロジェクトを書いています。「パブリックWebターミナル」を考えてください。基本的に、フィルドックされたWebブラウザを備えた最大化されたフォームがあります。私が使用しているWebブラウザーコントロールは、次のWebKitコントロールです。

WebKitダウンロードページ

マウスの移動またはキーの押下が最後に行われた時間を表すDateTimeを保持することにより、システムのアイドル時間を検出しようとしています。

私はイベントハンドラーを設定し(以下のコードを参照)、つまずきに遭遇しました。マウスがWebドキュメント上を移動しても、マウス(およびキー)イベントが発生しないようです。マウスがWebブラウザコントロールの垂直スクロールバー部分に触れたときに正常に機能するので、コードに問題がないことがわかります。これは、コントロール側のある種の「見落とし」(より適切な単語がないため)のようです。

私の質問は、そこにいるすべてのコーダーにとって、これをどのように処理するのかということだと思います。

アップデート

ジョーの受け入れた解決策を使用して、私は次のクラスをまとめました。参加してくれたすべての人に感謝します。

利用方法