[JavaScript] Dispatching mouse move event

gistfile1.js

// look here for more details : https://developer.mozilla.org/en-US/docs/DOM/event.initMouseEvent

var mouseMoveEvent = document.createEvent("MouseEvents");

mouseMoveEvent.initMouseEvent(
           "mousemove", //event type : click, mousedown, mouseup, mouseover, mousemove, mouseout.  
           true, //canBubble
           false, //cancelable
           window, //event's AbstractView : should be window 
           1, // detail : Event's mouse click count 
           50, // screenX
           50, // screenY
           50, // clientX
           50, // clientY
           false, // ctrlKey
           false, // altKey
           false, // shiftKey
           false, // metaKey 
           0, // button : 0 = click, 1 = middle button, 2 = right button  
           null // relatedTarget : Only used with some event types (e.g. mouseover and mouseout). In other cases, pass null.
);

document.dispatchEvent(mouseMoveEvent)

Should use new MouseEvent()

new MouseEvent() doesn't work on IE 11

While using popup window portals in react, some of my components hooked onto window and didn't behave properly. Passing event list seen below worked well for me.

popup.addEventListener("mousemove", (e) => {
const evt = new MouseEvent("mousemove", {
  view: popup,
  bubbles: true,
  cancelable: true,
  clientX: e.clientX,
  clientY: e.clientY,
  screenX: e.screenX,
  screenY: e.screenY,
});
window.dispatchEvent(evt);
});