jQuery

[jQuery] マウスポインタの座標を取得する

投稿日:2017年6月18日 更新日:

jQueryでマウスポインタの座標位置をリアルタイムで取得するサンプルです。

サンプルソース

例)マウスを動かすとリアルタイムでX座標とY座標の位置を表示する

実行サンプル

マウスを動かすと以下にポインタの座標が表示されます。

X座標: Y座標:

解説



スポンサーリンク

スポンサーリンク

-jQuery
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 画面サイズが変更された時に処理を行う(.resize)

画面サイズが変更された時に処理を行うには、.resize()を使用します。 サンプルソース 例)画面サイズ変更時にコンソ ...

[jQuery] キーアップイベントを設定する(.keyup)

キーアップイベントを設定するには、.keyup()を使用します。 サンプルソース 例)テキストボックスにキー入力すると、 ...

[jQuery] ダブルクリックイベントを設定する(.dblclick)

ダブルクリックイベントを設定するには、.dblclick()を設定します。 サンプルソース 例)ボタンをダブルクリックす ...

[jQuery] フォーカスが外れたイベントを取得する(.focusout)

フォーカスが外れたイベントを取得するには.focusoutを使用します。 サンプルソース 例)フォーカスが外れたイベント ...

[jQuery] セレクタに一致するか判定する(.is)

セレクタに一致するか判定するには、isを使用します。 サンプルソース 例)要素がclass="b"を持っているかどうか判 ...

スポンサーリンク