JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 呼び出されたイベント名を取得する(event.type)

呼び出されたイベント名を取得するには、event.typeを使います。 サンプルソース 例)イベント名を取得する [cr ...

[JavaScript] JavaScriptファイルのキャッシュを使用しない方法

JavaScriptファイルのキャッシュを使用しない方法です。 解説 JavaScriptファイルを読み込むには、通常以 ...

[JavaScript] タグ名からオブジェクトを取得する

タグ名からオブジェクトを取得するには、 document.getElementsByTagNameを使用します。 サンプ ...

[JavaScript] 配列の重複を取り除く

配列の重複を取り除くサンプルです。 サンプルソース 例)配列「arr1」から重複要素を取り除いた配列を取得する [cra ...

[JavaScript] ボタンにclickイベントを設定する

ボタンにclickイベントを設定するサンプル2パターンのサンプルです。 サンプルソース 例1)ボタンタグにonclick ...

スポンサーリンク