Вы не привязали прослушиватель событий, поэтому вы не можете видеть вызов функции диспетчера
. Для получения дополнительной информации вы можете проверить сеть Mozilla [https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events][1]
coordX = 100 // Moving from the left side of the screen
coordY = 100 // Moving in the center
// Create new mouse event
ev = new MouseEvent("click", {
view: window,
bubbles: true,
cancelable: true,
clientX: coordX,
clientY: coordY
});
var domEl=window.document.querySelector('#canvas')
domEl.addEventListener('click', function (e) {
setTimeout(() => {
alert('success :'+stringifyEvent(ev));
}, 5000);
}, false);
function dispatchcall(){
setTimeout(() => {
domEl.dispatchEvent(ev);
}, 5000);
}
//**for stringify event object**
function stringifyEvent(e) {
const obj = {};
for (let k in e) {
obj[k] = e[k];
}
return JSON.stringify(obj, (k, v) => {
if (v instanceof Node) return 'Node';
if (v instanceof Window) return 'Window';
return v;
}, ' ');
}
document.getElementById("myBtn").addEventListener("click", dispatchcall);
<h2 id="canvas">canvas mouse click here after clicking on dispatch event Then wait 5 sec, if you wish you can switch tab come back after 5 sec</h2>
<button id="myBtn">dispatch event</button>