Как определить позицию курсора в текстовом поле?

Question

Как определить позицию курсора в текстовом поле?

Рейтинг: 1Ответов: 1Опубликовано: 24.07.2023

Есть длинный текст в textarea и курсор, который находится на какой-то позиции в тексте. Как мне определить позицию курсора?

javascript

Источник: Stack Overflow на русском

Answer 1

▲ 1Принят

Вот так

const btn = document.getElementById('btn');

btn.addEventListener('click', function() {
    var txtArea = document.getElementById('txtArea');
    var caretPos =  getCursorPosition(txtArea);
    console.log(caretPos);
});

function getCursorPosition(txtArea) {
  return txtArea.selectionStart;
}

<textarea id="txtArea" rows="3" cols="30"></textarea><br>
<button id="btn">Get cursor position</button>

Как определить позицию курсора в текстовом поле?

Ответы