Определить в каком месте поставлен курсор textarea

<span>Кликните по тексту в textarea и перемещайте <br>курсор стрелками влево/вправо или начните набор текста</span><br><br>
<textarea>asdasdasdasd</textarea><br><br>
<div id="res"></div>
 
<script>
    function getCaret(el) {
        if (el.selectionStart) {
            return el.selectionStart;
        } else if (document.selection) {
            el.focus();
 
            var r = document.selection.createRange();
            if (r == null) {
                return 0;
            }
 
            var re = el.createTextRange(),
            rc = re.duplicate();
            re.moveToBookmark(r.getBookmark());
            rc.setEndPoint(EndToStart, re);
 
            return rc.text.length;
        }
        return 0;
    }
 
    document.querySelector('textarea').addEventListener('keydown',()=> {
        res.innerText = getCaret(document.querySelector('textarea'));
    });
</script>

<textarea>123456789</textarea>
<button>Получить выделенный текст</button>
 
<script>
    document.querySelector('button').addEventListener('click',()=> {
        let txtarea = document.querySelector('textarea'),
            start = txtarea.selectionStart,
            finish = txtarea.selectionEnd,
            sel = txtarea.value.substring(start, finish);
 
        alert(sel);
    });
</script>