Вкладка contenteditable div отмечает начало текста

Question

Я создаю приложение Angular 8, в котором я создал таблицу, используя contenteditable div, которая заполнена числами.

При использовании tab для перехода к следующей ячейке по умолчанию ставится маркер в начале значения.

Как мне сделать так, чтобы маркер выбирал конец значения или, что еще лучше, помечал все значение в следующей ячейке, как Ctrl A.

Еще один вопрос, как заставить принудительно при нажатии Enter действовать как нажатие Tab?

С наилучшими пожеланиями

Answer 1

Я нашел решение для всех, кто заинтересован. Добавьте это в ваш ввод div.

onfocus = "requestAnimationFrame (() => document.execCommand ('selectAll', false, null))"

При нажатии выбирается весь текст ячейка, а также при использовании Tab.

Answer 2

В голом js это будет сделано с помощью этого: element.setSelectionRange(selectionStart, selectionEnd [, selectionDirection]);

Что касается клавиши Enter / Tab, я нашел эту статью , которая может быть полезной, поскольку она js в конце дня, но это может вызвать проблемы, если вы хотите работать с формами.