DOM

：

：

Element：mousedown イベント

　編集：2022.09.28 by T.A.

[Edge]。→、

要素の中にポインターがあり、ポインティング デバイスのボタンが押下されたとき、その要素（Element）に発行されます。

Note： click イベントとの違いは、click イベントが完全なクリック操作の後、つまり、同じ要素内でマウスのボタンが押されて離された後で発行されることです。mousedown はボタンが最初に押された時点で発行されます。

バブリング あり
キャンセル 可能
インターフェイス MouseEvent
イベント ハンドラー プロパティ onmousedown
例
mousedown

HTML： 

<SPAN id=IdTest>[ここでポインターを操作してください…<B>[B要素]</B>テキスト<INPUT value="INPUT要素">]</SPAN><BR>
<SPAN id=IdLog></SPAN><BR>
<SPAN id=IdLog2></SPAN><BR>

JavaScript： 

function Job(eve){ //mousedownイベントの処理：
  D=eve; //＝[object]：[object MouseEvent]

詳細	//isTrusted＝[boolean]：true
	//screenX＝[number]：496
	//screenY＝[number]：309
	//clientX＝[number]：289
	//clientY＝[number]：234
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//button＝[number]：0
	//buttons＝[number]：1
	//relatedTarget＝[object]：null
	//pageX＝[number]：289
	//pageY＝[number]：1207
	//x＝[number]：289
	//y＝[number]：234
	//offsetX＝[number]：271
	//offsetY＝[number]：37
	//movementX＝[number]：0
	//movementY＝[number]：0
	//fromElement＝[object]：null
	//toElement＝[object]：[object HTMLSpanElement]
	//layerX＝[number]：289
	//layerY＝[number]：1207
	//…


  let E=eve.target; //イベントがあった要素の取得。
  IdLog.innerHTML=E.tagName +"：pageX："+ eve.pageX +"、：pageY"+ eve.pageY;
  IdLog2.innerHTML=IdLog2.innerHTML+"●"; //イベントが起こるたびに記録する。
}
IdTest.onmousedown=Job;
テスト