JavaScript Selection.focusNode — де закінчилося виділення
Властивість focusNode повертає вузол, у якому користувач закінчив виділення — там, де відпустив мишу.
Загальний опис
Разом із anchorNode вона зберігає напрямок виділення, якого діапазон не знає.
Саме тут стоїть курсор після виділення — тож якщо треба продовжити введення з цієї точки, орієнтуватись треба на фокус, а не на якір.
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| focusNode | 1+ | 1+ | 1+ | 7+ | 12+ | 9+ |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| focusNode | yes | yes | yes | yes |
Приклади
+ запропонувати свій приклад у пісочниці
Курсор стоїть саме у фокусі, а не в якорі.
HTML
<p id="editor">Текст із виділенням</p>JS
// у демо виділення створюємо самі; вручну виділи текст і спробуй ще раз
const initialRange = document.createRange();
initialRange.selectNodeContents(document.getElementById('editor').firstChild);
window.getSelection().removeAllRanges();
window.getSelection().addRange(initialRange);
const selection = window.getSelection();
console.log(selection.anchorNode); // де почали виділяти
console.log(selection.focusNode); // де закінчили — тут курсор
// схлопнути виділення до курсора
selection.collapseToEnd();
console.log('Після collapseToEnd виділення порожнє:', selection.isCollapsed);Коментарі
Коментарів ще немає — будьте першим!