JSFiddle - React, Tailwind, and code Playground

by mpsingh2003

HTML

<div id="myarea">he<span>ll</span>o earth</div>

JavaScript

document.body.addEventListener('mouseup', function () {
    if (typeof window.getSelection != 'undefined') {
        var sel = window.getSelection();
        var range = sel.getRangeAt(0);
        
        var startOffset = range.startOffset;
        var endOffset = startOffset + range.toString().length;
      
        console.log("Selection starts at: " + startOffset);
        console.log("Selection ends at: " + endOffset);
    }
}, false);