JavaScript Selection.anchorNode — де почалося виділення

Властивість anchorNode повертає вузол, у якому користувач почав виділення.

правити

Загальний опис

Це не те саме, що початок діапазону. Якщо виділяти знизу вгору, якір опиниться після фокуса — тобто в документі він буде правіше.

Range завжди нормалізований (початок раніше за кінець), а Selection пам'ятає напрямок, у якому тягнули мишу. Саме тому в нього є окремі anchorNode і focusNode.

правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
anchorNode	1+	1+	1+	7+	12+	9+

Підтримка: мобільні переглядачі

Переглядач
anchorNode	yes	yes	yes	yes

Приклади

+ запропонувати свій приклад у пісочниці

const selection = window.getSelection();

const backwards = selection.anchorNode === selection.focusNode
    ? selection.anchorOffset > selection.focusOffset
    : selection.anchorNode.compareDocumentPosition(selection.focusNode)
        === Node.DOCUMENT_POSITION_PRECEDING;

console.log(backwards ? 'виділяли знизу вгору' : 'згори вниз');