問題タブ [mouse-position]
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.
jquery - Webページのページがスクロールされているかどうかを確認する方法は?
Webページが垂直にスクロールされたかどうかをJavaScriptで確認する方法はありますか? 特に Internet Explorer の場合は? IEでマウスの位置を取得する必要がありますが、jQueryイベントe.pageYを使用すると、ページがスクロールされていないときに正しい値が得られますが、ページが下にスクロールされたときに間違った位置が得られます。
python - tkinterの親ウィジェットに対するマウスの位置を取得するにはどうすればよいですか?
tkinterウィンドウに対するマウスの位置を取得する必要があります。
javascript - JavaScriptでマウスの位置を取得するにはどうすればよいですか?
JavaScriptを使用してマウスのx座標とy座標を取得したいと思います。pageX、pageY、clientX、clientYを試しましたが、何も表示されません。私はこれをIEとFirefoxの両方でテストしました。
次のイベントで私が間違っていることはありますか?
wpf - スクロール可能なグリッドに対するマウスの位置を取得する
したがって、この時点でのグリッドは任意の高さに動的に拡張され、下にスクロールして、グリッドに対する e.GetPosition(mainGrid) を使用して座標を取得できます。スクロールするまでは問題なく動作します。例を挙げます。
背景に画像のあるグリッドがあります。この時点でのグリッドの高さは 950 です。グリッドの一番下にある選択四角形をドラッグして、それに対する相対的な位置を取得すると (e.GetPosition(mainGrid))、950 になります。
ここで、サイズを 950 を超えて、たとえば 1200 に変更すると、下にスクロールしてグリッドの残りの部分を表示する必要があります。同じことを行い、Y 座標が 1200 であることを期待してグリッドの下部に選択正方形を描画しますが、代わりに常に Y 座標が 950 になります。つまり、スクロールしたオフセットが適用されていません。 Y座標に、これを示す方法がわかりません。私はWPFに「グリッドに対する相対的な位置を取得しますが、表示されているグリッドの部分だけでなく、常に0,0のグリッドの左上にある原点から取得するようにしてください。あなた"。
wpf - WPF : Window_Loaded(object sender, RoutedEventArgs e) イベントでマウスの位置を取得する方法
WPF : Window_Loaded(object sender, RoutedEventArgs e) イベントでマウスの位置を取得する方法
c# - C#を使用して、マウスポインタがあるテキストを検出するにはどうすればよいですか?
ユーザーが現在使用している標準のWindowsアプリ(IE、Firefox、Word、メモ帳など)に関係なく、マウスポインターがどこにあるかをテキストで検出できる方法を探しています。これは可能ですか?(それは邪悪な目的のためではありません、正直です!)。グーグルとSOの検索を試しましたが、今のところ有用なものは何もありません。
jquery - 独自のツールチップjqueryプラグインを作成する-マウスと比較して、マウスがどこにあるかを知る方法は?
わかりました、基本的に私は2つの関数を作成しました:ツールチップを表示し、ツールチップを非表示にし、ajax構成または単純な構成を取得できます。
そしてこれはスクリプトです
htmlは次のようになります
それはうまく機能しますが、問題は、スクロールではなく、マウスに対してそれが欲しいということです...
ツールチップをマウスの位置に対して相対的にしたいのですが、それはできますか?
私は何かと関係があることを知っています
と
でもどうやって組み合わせるのかわからない…:ありがとうございます!
javascript - さまざまな画面サイズで画像内のマウスクリックの位置を検出する - Jquery/JavaScript
height:100% width:100%
オクラホマ マップのイメージである「コンテナー」という名前の最初の div があります。アイデアは、ユーザーがマップの特定のセクション (この例ではパンハンドル) をクリックすると、div がパンハンドル画像である div に切り替わることです。クリックしたときのマウスのピクセル位置を知ることで、ユーザーがクリックした場所を特定します。
問題は、サイズの異なる画面ではピクセル値が異なることです。以下は、私自身のサイズのウィンドウで機能するコードですが、実際のプログラムのコードを実行すると、ウィンドウが小さくなり、if
ステートメント内に記述された領域がパンハンドルの周りにありません。
if
声明内で状況を処理する方法を変更する必要があると考えています。これにどのようにアプローチしますか?
wpf - WPF:ListBox要素で順序を並べ替えながらアイテムの位置を決定する方法は?
dnr3が提供するアイテムの再配置問題の解決策に従いました。魔法のように機能し、非常に理解しやすいです。ここで、さらに一歩進んでみたいと思います。
ListBox
にアイテム A、B、C、D、および Eが含まれているとします。上記のソリューションでは、aListBoxItem
がリストの下に移動すると、ドロップが実行されたアイテムの下に配置されます。したがって、項目 B を選択して要素 D の上で放すと、D の場所に移動し、D は 1 つ下に移動します。ドラッグされたアイテムがターゲット アイテムの上限または下限の境界に近い場合、違いを生むことができるようにしたいと考えています。それを実現するには、次の 2 つのことが必要です。
マウスの位置と比較できるようにするには、ターゲット アイテムの垂直方向の中心点が必要です。それは簡単にできるはずです:
targetItem.Height / 2;
ターゲット項目に対するマウスの位置が必要です。どうすればそれを取得できますか?
最後に、これらの 2 つの値を比較したいと思います。マウスの位置がアイテムの垂直方向の中心点以下の場合、ドラッグされたアイテムはターゲット アイテムの前にドロップされ、それ以外の場合は下にドロップされます。
ありがとう!
javascript - さまざまな画面サイズの画像内でのマウスクリックの位置の検出-JS/Jquery
私は以前にこの質問をしましたが、回答は私が何をする必要があるかを私に教えてくれましたが、例を提供しなかったので、私はまだ解決策を見つけていません。
height:100% width:100%
オクラホマの地図の画像である「コンテナ」と呼ばれる最初のdivがあります。ユーザーがマップの特定のセクション(この例ではパンハンドル)をクリックすると、divがパンハンドル画像であるdivに切り替えられるという考え方です。クリックしたときのマウスのピクセル位置を知ることで、ユーザーがクリックした場所を特定します。
問題は、画面のサイズが異なるとピクセル値が異なることです。ユーザーが画面サイズに基づいてクリックする場所の計算をスケーリングするには、次のことを行う必要があると言われています。
比較する前に、すべての値をスケーリングします。すべてのxに正規の幅を掛け、実際の幅で割り、yと高さについても同じようにします。
「すべてのxに正規の幅を掛けて、実際の幅で割る」と混乱しています。とにかくスケーリングしてみました。パンハンドルの最初の端が画面の左側から3.1%離れており、最も遠い端が画面の左側から35.7%離れていることがわかりました。私は次のコードを持っています:
これにより、パンハンドルの水平方向の制限内をクリックするとアラートがポップアップ表示されますが、何も起こりません。私は自分の値を「実際の幅」で割っていないことに気づきました。「すべてのxに正規の幅を掛けて、実際の幅で割る」方法の例を教えてください。