jQuery

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

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

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

サンプルソース

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

実行サンプル

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

X座標: Y座標:

解説



スポンサーリンク

スポンサーリンク

-jQuery
-, ,

執筆者:


comment

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

関連記事

[jQuery] 要素のwidth、heightを取得/設定する

要素のwidth、heightを取得/設定するサンプルです。 サンプルソース 例)要素(id="box1")の幅と高さを ...

[jQuery] マウスオーバーで画像を切り替える

jQueryでマウスオーバーで画像を切り替えるサンプルです。 サンプルソース 例)画像にカーソルを当てると画像が切り替わ ...

[jQuery] 要素を指定したタグで囲う(.wrap)

要素を指定したタグで囲うには、wrapを使用します。 サンプル 例)ボタンを押すと、要素をbタグで囲う [crayon- ...

[jQuery] 要素の前にタグを追加する(.before)

要素の前にタグを追加するには、beforeを使用します。 サンプル 例)ボタンを押すと、要素の前にxyzを追加する [c ...

[jQuery] CDNでjQueryを使う

jQueryを使うにはjQueryモジュールをダウンロードして使うのが一般的ですが、CDNを利用すればjQueryモジュ ...

スポンサーリンク