[Edge]○。→、
MouseEvent インターフェイスは、ポインティングデバイス（マウスなど）によるユーザーの操作によって発行されたイベントを表します。このインターフェイスを使用する一般的なイベントとして click、dblclick、mouseup、mousedown があります。
MouseEvent は UIEvent から派生しており、これはさらに Event から派生しています。後方互換性のために MouseEvent.initMouseEvent() メソッドは維持されていますが、MouseEvent オブジェクトを作成する際は MouseEvent() コンストラクターを使用するべきです。
MouseEvent からは、WheelEvent、DragEvent などの特定用途向けイベントが派生しています。
MouseEvent →[派生] WheelEvent、DragEvent
このインターフェイスは、親インターフェイスである UIEvent および Event のプロパティも継承しています。
このインターフェイスは、親インターフェイスである UIEvent および Event のメソッドも継承しています。
この例では、DOM メソッドを使ってチェックボックスのクリック（プログラムによるクリックイベントの生成）をシミュレートしています。イベントの状態（キャンセルされたかどうか）は、メソッド EventTarget.dispatchEvent() の返値で判断されます。
HTML：
<p><label><input type="checkbox" id="checkbox"> チェック</label></p> <p><button id="button">クリックすると MouseEvent をチェックボックスに送信します</button></p>
JavaScript：
function simulateClick() {
// クリックイベントを送るために要素を取得
const cb = document.getElementById("checkbox");
// クリックイベントの MouseEvent を合成
let evt = new MouseEvent("click", {
bubbles: true,
cancelable: true,
view: window
});
// イベントをチェックボックス要素に送信
cb.dispatchEvent(evt);
}
document.getElementById("button").addEventListener('click', simulateClick);