JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem <b>ipsum</b> dolor sit amet, <i>consectetur</i> adipiscing elit. Ut lorem nunc, interdum non semper ac, hendrerit et sapien. Sed varius, mi eget imperdiet dapibus, sem mauris gravida lacus, vel consequat augue odio eu nisl. Praesent euismod mi sed urna tincidunt dignissim. Nullam luctus dui vel est tincidunt tristique.</p>
<textarea>Donec vestibulum nunc a mauris venenatis auctor. Proin a elementum nisl. Aenean iaculis elit et augue condimentum non dignissim arcu bibendum. Sed vehicula est erat. Vestibulum interdum varius lorem, eu malesuada lectus convallis ac. Nam lacinia, tortor at rhoncus iaculis, mauris risus varius lacus, luctus ultricies lacus elit in ipsum. Praesent ut dui turpis. Duis non nunc in ante dapibus laoreet id ut nisi. Ut vel dolor arcu, rhoncus sollicitudin metus. Aliquam erat volutpat</textarea>
<p id="trigger"><span>Hover here to clear selection</span></p>

CSS

textarea { display:block; width:95%; height:150px; }
#trigger { text-align:center; margin-top:50px; }
#trigger span { background-color:yellow; display:inline-block; }

JavaScript

document.querySelector('#trigger span').onmouseover = function() {
    document.selection.clear();
}