DOM

MouseEvent.pageY プロパティ

 編集:2022.10.06 by T.A.

[Edge]○。読取専用。→

MouseEvent 発行時のマウス ポインターの Y(垂直)座標を、文書全体の左端からの相対座標を数値で返します。

構文
MouseEvent.pageY

ピクセル数を表す double 型の浮動小数点値。

関連

pageX

pageX、pageY

HTML:

<SPAN id=IdTest style="border:5px solid red; cursor:default">[SPAN要素。ここでクリック…]</SPAN><BR>
<TABLE id=IdTest2 style="border:10px solid #000; border-spacing:5px; cursor:default">
 <TR><TD style="border:3px solid #888; padding:10px">[TD要素
  <SPAN style="border:5px solid red">[SPAN要素]</SPAN>
 ]
</TABLE>
<SPAN id=IdLog></SPAN>

JavaScript:

function Job(eve){ //mousemove イベントの処理。
  D=eve;
  let E=eve.target; //イベントが起きた要素の取得。
  IdLog.innerHTML="E:"+ E.tagName +"<BR>" //表示。
	+"eve.pageX:"+ eve.pageX +"<BR>"
	+"eve.pageY:"+ eve.pageY +"<BR>";
}
IdTest.onmousemove=Job;
IdTest2.onmousemove=Job;

文書ページ内容領域の左上が原点のようです。

mousemovetagName


テスト