jQuery

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

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

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

サンプルソース

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

実行サンプル

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

X座標: Y座標:

解説



スポンサーリンク

スポンサーリンク

-jQuery
-, ,

執筆者:


comment

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

関連記事

[jQuery] 要素まとめて指定したタグで囲う(.wrapAll)

要素まとめて指定したタグで囲うには、.wrapAll()を使用します。 サンプルソース 例)class="d1"の要素を ...

[jQuery] セレクトボックスの要素をセットする

jQueryでセレクトボックスの要素をセットするサンプルです。 サンプルソース 例)ボタンを押すとセレクトボックスの要素 ...

[jQuery] バインドされたイベントを削除する(.unbind)

指定した要素にバインドされたイベントを削除するには、.unbindを使用します。 サンプルソース 例)ボタンを押すとバイ ...

[jQuery] tooltipを設定する

jQueryでtooltipを設定するサンプルです。 ※ツールチップとは、カーソルを乗せると表示される注釈のことです。 ...

[jQuery] 要素にイベントを一度に複数追加する(.on)

要素にイベントを一度に複数追加するには、.onを使用します。 サンプルソース 例)id="txt1"要素にイベントを複数 ...

スポンサーリンク