How to dispatch a double click event on an element?

Question

I can dispatch a simple click event (without any optional parameters) with:

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


        

Answer 1

This worked in Chrome@83

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

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