4

есть текст в несколько строк текста:

<div>
    <p>длинный длинный, очень длинный текст</p>
    <p>длинный длинный, очень длинный текст</p>
    <p>длинный длинный, очень длинный текст</p>
</div>

при событии selectionchange нужно каким то образом получать направление выделения текста: "вверх", "вниз" или "в той же строке". реально подобное реализовать?

1 ответ 1

5

Может вот так

const getDirection = function () {
    const selection = window.getSelection();
    const range = document.createRange();
    range.setStart(selection.anchorNode, selection.anchorOffset);
    range.setEnd(selection.focusNode, selection.focusOffset);

    return range.collapsed ? 'backward' : 'forward';
};

document.addEventListener("selectionchange", () => {
  console.log(getDirection());
});
<div>
    <p>длинный длинный, очень длинный текст</p>
    <p>длинный длинный, очень длинный текст</p>
    <p>длинный длинный, очень длинный текст</p>
</div>

1
  • это невероятно! огромная благодарность!
    – Meth0d
    15 мар в 14:42

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.