JSFiddle - React, Tailwind, and code Playground

HTML

<p>Place mouse over document, then leave it there. It should not output more xy values.</p>
<button id="clear">clear</button>
<pre id="out" style="border: 1px solid red; padding: 1em"></pre>

JavaScript

// bind to document mousemove event
//document.addEventListener('mousemove', function(e){
//    document.getElementById('out').innerHTML += e.clientX + ', ' + e.clientY + '\r';
//});

document.getElementById('clear').addEventListener('click', function(){
    document.getElementById('out').innerHTML = '';
});

$(document).bind('onmousemove', function(e) {
    document.getElementById('out').innerHTML += e.clientX + ', ' + e.clientY + '\r';
});