JavaScript

[JavaScript] クリックした位置にある要素の座標を取得する

投稿日:2017年10月2日 更新日:

クリックした位置にある要素の座標を取得するサンプルです。

サンプルソース

例)クリックした位置の座標をコンソールに出力する

実行サンプル

画面内をクリックすると、クリックした位置の座標とクリックした要素の座標が表示されます。

クリックした位置のX座標:
クリックした位置のY座標:
クリックした要素のX座標:
クリックした要素のY座標:

解説

  • スクロールしている状態でも、ページ左上からの座標が取得できます。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 画像(Image)オブジェクトを生成する

JavaScriptで画像オブジェクト(Imageオブジェクト)を生成する方法です。 サンプルソース 例1)newを使用 ...

[JavaScript] 条件がfalseの場合のみコンソールに出力する(console.assert)

条件がfalseの場合のみコンソールに出力するには、console.assertを使用します。 サンプルソース 例)co ...

[JavaScript] 縦位置を指定する(style.verticalAlign)

JavaScriptで縦位置を指定するには、style.verticalAlignを使用します。 サンプルソース 例)ボ ...

[JavaScript] 配列の最後に要素を追加する(.push)

配列の最後に要素を追加するには、.push()を使用します。 サンプルソース 例)配列の末尾に要素を追加してコンソールに ...

[JavaScript] 文字列のバイト数を取得する

文字列のバイト数を取得するサンプルFunctionです。 サンプル 例)引数に渡された値のバイト数を取得するFuncti ...

スポンサーリンク