JSFiddle - React, Tailwind, and code Playground

by antyrat

HTML

<select id="mySelect">
    <option>one</option>
    <option>two</option>
    <option>three</option>
</select>

JavaScript

function check( e ) {
    var srcElement = e.target;
    console.log(e.offsetY + ' - ' + document.getElementById('mySelect').offsetHeight);
    console.log(e)
    console.log(document.elementFromPoint(e.offsetX,e.offsetY))
    if (srcElement.nodeName.toLowerCase() === 'option') {
        alert(this.ineerHTML + ' is selected');
    }
}

document.getElementById('mySelect').addEventListener('mouseup', check, true);