DOM

：

：

UIEvent.initUIEvent() メソッド

　編集：2022.10.05 by T.A.

[Edge]。非推奨。→、

非推奨： この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

一度作成された UI イベント UIEvent を初期化します。

この方法で初期化されるイベントは Document.createEvent() で作成されている必要があります。このメソッドでイベントを設定するには、EventTarget.dispatchEvent() を使用してイベントを発行する前に行う必要があります。発行された後は、何もしません。

警告： このメソッドは非推奨なので、もう使用しないでください。
代わりに、UIEvent() などの具体的なイベントのコンストラクターを使用してください。イベントの作成と起動のページで、これらの使用方法について詳しく説明しています。

構文
UIEvent.initUIEvent(type, canBubble, cancelable, view, detail)
type DOMString。イベントの種類を定義します。
canBubble 論理値。イベントがイベント チェーンを通じてバブリングするかどうかを決定します。設定すると、読み取り専用のプロパティ Event.bubbles がその値を提供します。
cancelable 論理値。イベントをキャンセルできるかどうかを定義します。設定すると、読み取り専用のプロパティ Event.cancelable がその値を提供します。
view イベントに関連付けられた WindowProxy です。
detail unsigned long の数値。イベントの種類に応じて、イベントの詳細情報を示します。マウス イベントの場合、指定された画面の場所でマウスが何回クリックされたかを示します。
戻り値

例
mdnより
var e = document.createEvent("UIEvent");
// バブリングするクリックイベントを作成し、キャンセル可能、そして view と detail プロパティをウィンドウと 1 に初期化して、それぞれ。
e.initUIEvent("click", true, true, window, 1);

HTML： 

<SPAN id=IdTest1>[ここでクリック…]</SPAN><BR>
<SPAN id=IdLog></SPAN>

JavaScript： 

function Job1(eve){ //clickイベントの処理：
  D=eve; //＝[object]：[object UIEvent]。スクリプトによりイベントを発生させた。

詳細	//isTrusted＝[boolean]：false
	//view＝[object]：[object Window]
	//detail＝[number]：1
	//sourceCapabilities＝[object]：null
	//which＝[number]：0
	//initUIEvent＝[function]：function initUIEvent() { [native code] }
	//type＝[string]：click
	//target＝[object]：[object HTMLSpanElement]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：true
	//cancelable＝[boolean]：true
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：false
	//…


  IdLog.innerHTML=IdLog.innerHTML + eve.which +" "; //表示。
}
IdTest1.onclick=Job1;                  //イベント割り当て。
Ev = document.createEvent("UIEvent");
Ev.initUIEvent("click", true, true, window, 1); //
IdTest1.dispatchEvent(Ev);

which が 0 になっているが、マウスでクリックした場合は 1 で、

得られる内容 eve も違う： 

//D＝[object]：[object PointerEvent]

詳細//isTrusted＝[boolean]：true
//pointerId＝[number]：1
//width＝[number]：1
//height＝[number]：1
//pressure＝[number]：0
//tiltX＝[number]：0
//tiltY＝[number]：0
//azimuthAngle＝[number]：0
//altitudeAngle＝[number]：1.5707963267948966
//tangentialPressure＝[number]：0
//twist＝[number]：0
//pointerType＝[string]：mouse
//isPrimary＝[boolean]：false
//getCoalescedEvents＝[function]：function getCoalescedEvents() { [native code] }
//getPredictedEvents＝[function]：function getPredictedEvents() { [native code] }
//screenX＝[number]：340
//screenY＝[number]：188
//clientX＝[number]：133
//clientY＝[number]：113
//ctrlKey＝[boolean]：false
//shiftKey＝[boolean]：false
//altKey＝[boolean]：false
//metaKey＝[boolean]：false
//button＝[number]：0
//buttons＝[number]：0
//relatedTarget＝[object]：null
//pageX＝[number]：133
//pageY＝[number]：1931
//x＝[number]：133
//y＝[number]：113
//offsetX＝[number]：115
//offsetY＝[number]：33
//movementX＝[number]：0
//movementY＝[number]：0
//fromElement＝[object]：null
//toElement＝[object]：null
//layerX＝[number]：133
//layerY＝[number]：1931
//getModifierState＝[function]：function getModifierState() { [native code] }
//initMouseEvent＝[function]：function initMouseEvent() { [native code] }
//view＝[object]：[object Window]
//detail＝[number]：1
//sourceCapabilities＝[object]：[object InputDeviceCapabilities]
//which＝[number]：1
//initUIEvent＝[function]：function initUIEvent() { [native code] }
//type＝[string]：click
//target＝[object]：[object HTMLSpanElement]
//currentTarget＝[object]：null
//eventPhase＝[number]：0
//bubbles＝[boolean]：true
//cancelable＝[boolean]：true
//defaultPrevented＝[boolean]：false
//composed＝[boolean]：true
//…
テスト