JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] セレクトボックスの選択中のインデックス番号を取得する

セレクトボックスの選択中のインデックス番号を取得するサンプルです。 サンプルソース 例)ボタンを押すと、セレクトボックス ...

[JavaScript] JavaScriptが使えない環境でメッセージを表示する

JavaScript禁止にしているブラウザの場合にメッセージを表示するにはnoscriptタグを使用します。 サンプルソ ...

[JavaScript] 子要素の件数を取得する(.childElementCount)

子要素の件数を取得するには、.childElementCountを使用します。 サンプルソース 例)リストの数を取得する ...

[JavaScript] 関数から複数値を返す

通常JavaScriptの関数の戻り値は1つですが、 以下のようにすれば複数値返すこともできます。 方法1)配列で返す ...

[JavaScript] callback関数を使用するサンプル

callback関数は、関数の引数に渡す関数のことです。 サンプルソース 例)関数「test」に、関数を渡すサンプル [ ...

スポンサーリンク