JSFiddle - React, Tailwind, and code Playground

HTML

<select id="one" readonly>
    <option>Readonly</option>
    <option>Readonly</option>
    <option>Readonly</option>
</select>

<select id="two" disabled>
    <option>Disabled</option>
    <option>Disabled</option>
    <option>Disabled</option>
</select>

<div id="x"></div>
<div id="y"></div>

CSS

select
{
    width: 250px;
    height: 70px;
}

#one
{
    position: absolute;
    top: 50px;
    left: 100px;
}

#two 
{
    position: absolute;
    top: 150px;
    left: 100px;
}

JavaScript

window.addEventListener
(
		"mousemove",
  	function(e)
  	{
    		document.getElementById("x").innerHTML = 'x:' + e.clientX;
        document.getElementById("y").innerHTML = 'y:' + e.clientY;
  	},
  	false
);