javascript - 要素にダブルクリックイベントをディスパッチする方法は？

Question

次のコマンドを使用して、単純なクリックイベント（オプションのパラメーターなし）をディスパッチできます。

var clickEvt = document.createEvent("MouseEvents");
clickEvt.initEvent("click");
element.dispatchEvent(clickEvt);

しかし、ダブルクリックイベントをディスパッチするにはどうすればよいですか？

Answer 1

"click"で置き換えるだけ"dblclick"ですclickEvt.initEvent：

var dblclickEvt = document.createEvent("MouseEvents");
dblclickEvt.initEvent("dblclick");
element.dispatchEvent(dblclickEvt);

Answer 2

承認された回答（Event.initEvent()）で使用されていた機能は廃止されました。

代わりに、次のような特定のイベントコンストラクターを使用してくださいEvent()

だからあなたの質問に答えるには、それは次のようになります：

var doubleClickEvent = new Event('dblclick');      //define double click event

element.dispatchEvent(doubleClickEvent);           //trigger double click even

Answer 3

これはChrome@83で機能しました

const event = new MouseEvent('dblclick', {
  bubbles: true,
  cancelable: true,
  view: window
});

const buttonEl = document.querySelector('#my-button');
buttonEl.dispatchEvent(event);