Как вставить курсор в добавленный блок?

Для вставки курсора в добавленный блок в JavaScript, вы можете использовать методы сфокусировки и установки курсора. Вот несколько способов сделать это:

1. Использование метода сфокусировки и свойства contentEditable:
Вы можете установить свойство contentEditable добавленного блока в true, а затем вызвать метод focus() на этом блоке. Например:

var block = document.createElement('div');
block.contentEditable = true;
document.body.appendChild(block);
block.focus();

2. Использование метода сфокусировки и создания выделения:
Вы можете создать новое выделение и установить его на текстовый узел внутри добавленного блока, вызвав методы createRange() и selectNodeContents(), а затем вызвав метод addRange() на объекте окна. Например:

var block = document.createElement('div');
block.textContent = 'Текст в добавленном блоке';
document.body.appendChild(block);

var range = document.createRange();
range.selectNodeContents(block);
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);

3. Использование метода сфокусировки и редактируемого контента:
Если добавленный блок имеет редактируемый контент (например, <input> или <textarea>), вы можете просто вызвать метод focus() на этом элементе. Например:

var input = document.createElement('input');
document.body.appendChild(input);
input.focus();

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