問題タブ [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 に答える
639 参照

silverlight - 不透明マスクの動的描画

2 つの背景画像があります。1 つはぼやけており、もう 1 つは同じ画像ですが、よりカラフルです。デフォルトの背景画像はぼやけたものです。カーソルを移動すると、背景画像をぼやけたものからカラフルなものに変更したいのですが、カーソルの周りの円だけで、カーソルを前方に移動すると、変更された背景はカーソルの周りの円にとどまります先に行きました。(宝くじをコインでスクラッチするときのように) MouseMove イベントを処理し、MouseEventArgs カーソル位置を使用する必要があると思いますが、実行できず、本当に助けが必要です! 前もって感謝します!

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

wpf - wpf で mousemove イベントを監視する

マウスが移動するたびにその座標が2つのテキストコントロールに反映されるように、アプリケーションウィンドウ上でのマウスの動きを監視しようとしています

XAML のみ (コードなし) でそれを行うことは可能ですか?

0 投票する
6 に答える
20079 参照

javascript - mousemoveの更新速度を設定するにはどうすればよいですか?

署名を簡単かつ迅速に設定する必要がある関数を生成します。キャンバスフィールドに署名を書いています。jQueryを使用していますが、mousemove座標のリフレッシュレートが十分に速くありません。署名を高速で書き込むと、書き込まれたピクセル間に空白が表示されます。

マウスムーブの更新速度を速く設定するにはどうすればよいですか?

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

javascript - mousemove イベントを加速する方法はありますか?

このウェブサイト用に小さな描画スクリプト (キャンバス) を書きました: http://scri.ch/

mousemoveドキュメントをクリックすると、基本的にすべてのイベントが次のように実行されます。
- 座標を取得します。
-context.lineTo()このポイントと前のポイントの間
-context.stroke()

ご覧のとおり、カーソルを非常に速く動かすと、イベントが十分にトリガーされず (CPU やブラウザーなどによって異なります)、直線がトレースされます。

擬似コード:

これは既知の問題であり、解決策は問題ありませんが、最適化したいと考えています。

stroke()そのため、mousemove イベントがトリガーされるたびに代わりに、新しい座標を配列キュー内に配置し、タイマーを使用して定期的に描画/空にします。

擬似コード:

しかし、それはラインを改善しませんでした。だから私は点だけを描いてみましたmousemove。同じ結果: ポイント間のスペースが多すぎます。

最初のコード ブロックは十分に効率的であることに気付きましたmousemove。イベントのトリガーが遅すぎるだけです。

無駄な最適化を実装するために時間を費やした後、次はあなたの番mousemoveです。DOM スクリプトでトリガー速度を最適化する方法はありますか?

いつでもマウスの位置を「リクエスト」することはできますか?

アドバイスありがとうございます!

0 投票する
4 に答える
1067 参照

javascript - 画像の下のdivの上をマウスで移動します

私は次の状況にあります:チャートを表示するためのバー(特定の高さのdiv)を含むdiv。バーのあるメインdivの上に、マスクが配置された画像が配置されているため、バーの代わりに図を見ることができます。(統計を表示する男性と女性がいます。たとえば、添付の画像を参照してください)。

バーはmousemoveイベントにアタッチされ、ツールチップにバーに関する情報を表示します。

バーにカーソルを合わせると、画像がブロックしているため、マウスムーブが表示されません。画像にカーソルを合わせても、mousemoveイベントをバーにバインドして、必要な情報を取得することはできますか?最終結果は、バーからの情報を含むツールチップを表示することです。

ここに画像の説明を入力してください

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

javascript - javascript で (no-) ドラッグを停止するにはどうすればよいですか?

私はオンラインの JavaScript キャンバス (HTML5 要素ではなく、ペイント キャンバス) に取り組んでいます。ユーザーがペイントを開始すると、マウスをクリックしてキャンバスの一方の端からもう一方の端に移動します。このキャンバスは、実際には 1 つのピクセル セルで構成されるテーブルです。

これで問題ありませんが、1 つ問題があります。ユーザーがマウスを押したままキャンバスの外に出ると、Firefox はユーザーがテーブルをドラッグしようとしていると認識します。ドラッグしないカーソルが表示され、ペイントに必要な「onmousemove」が起動されなくなりました。CSS カーソルを使用しようとしましたが、ドラッグしないカーソルが通常のカーソルを「オーバーライド」します。また、要素をぼかす(フォーカスを外す)ことも試みました。何か案は?

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

jquery - Hover + Mousemove、繰り返されるコードを減らすにはどうすればよいですか?

私はstackoverflowを見ましたが、私はプログラマーではありません。基本的な知識が欠けていると確信しており、jqueryリファレンスWebサイトは役に立ちません。

マウスが画像の上を移動しているかどうかを検出するには、mouseove と hover の両方を使用する必要があります (アニメーションがある可能性があります)。私の問題は、 mystuffを実行するために使用するのと同じコードを削減したいということですが、同時に、マウスがmyotherstuffを実行するために離れたときの代替が必要です。

コードはどのように書けばよいですか?

ご協力ありがとうございました

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

jquery - 直交座標に相当する div を (原点を左下に設定) に設定する

これが私のコードです

ここで、x,y 座標は "working-area" の左上隅から始まります。しかし、そのdivの左下隅にx、y座標を設定したい。

誰か助けてください。前もって感謝します。

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

wpf - レイアウトが変更されたときに WPF ListBox がマウスの下の項目を選択できないようにする

マウス ボタンが押されている間に WPF ListBox が MouseMove イベントを取得すると、リストボックスの選択が変更されます。つまり、アイテム #1 でマウスをクリックしてアイテム #2 の上にドラッグすると、アイテム #1 の選択が解除され、代わりにアイテム #2 が選択されます。どうすればこれを防ぐことができますか?

それがショートバージョンです。少し長いバージョンは次のとおりです。ユーザーが ListBox 内の項目をダブルクリックすると、ListBox の上に他のコントロールを表示するなど、レイアウトに他の変更を加えます。これにより、ListBox が下に移動します。つまり、マウスは、ユーザーがダブルクリックしたときとは異なる ListBoxItem の上に配置されます。

DoubleClick イベント (マウスダウン イベント) に応答してこれらのレイアウト変更を行っているため、このレイアウト変更が完了したときにマウス ボタンが押されたままになる可能性が非常に高くなります。つまり、WPF は ListBox に MouseMove イベント ( ListBox に対するマウスの位置が変更されたため)。ListBox はこれをドラッグとして扱い、現在マウスの下にあるイベントを選択します。

ダブルクリックイベントを取得してからユーザーがマウスを離すまでの間に選択を変更したくありません (レイアウトが変更された後かもしれません)。これを実現する最も簡単な方法は、「ドラッグ時に選択を変更する」動作を無効にすることだと思いますが、他の提案も受け付けています。

ダブルクリックで選択を「ロック」し、マウスアップまで変更できないようにするにはどうすればよいですか?