JSFiddle - React, Tailwind, and code Playground

by rahulr

HTML

<button onclick="alert('Clicked')" id="btn">Sample button</button>
<div id="screen-log">

</div>

JavaScript

var evt = new MouseEvent("mousedown", {
        view: window,
        bubbles: true,
        cancelable: true,
        clientX: 20,
        clientY:0
        /* whatever properties you want to give it */
    });
    var evt2 = new MouseEvent("mousemove", {
        view: window,
        bubbles: true,
        cancelable: true,
        clientX: 850,
        clientY:140,
        movementX:60,
        movementY: 40
        /* whatever properties you want to give it */
    }),
    ele = document.getElementById("btn");
    //ele.dispatchEvent(evt);
    //ele.dispatchEvent(evt2);
 
let screenLog = document.querySelector('#screen-log');
document.addEventListener('mousemove', logKey);

function logKey(e) {
  screenLog.innerText = `
    Screen X/Y: ${e.screenX}, ${e.screenY}
    Client X/Y: ${e.clientX}, ${e.clientY}`;
}

//screenLog.dispatchEvent(evt);
//screenLog.dispatchEvent(evt2);
//screenLog.dispatchEvent(evt2);