EditContext: метод updateControlBounds()

Метод EditContext.updateControlBounds() интерфейса EditContext используется для информирования операционной системы о позиции и размерах области редактируемого текста объекта EditContext.

Вызовите этот метод, чтобы сообщить операционной системе границы текущей области редактирования. Вы должны вызывать его при инициализации EditContext и всякий раз, когда изменяются границы области редактирования, например, при изменении размеров веб-страницы. Эти границы используются для позиционирования специфичных для платформы пользовательских интерфейсов, связанных с редактированием, таких как окно Input Method Editor (IME).

controlBounds

Объект DOMRect, представляющий новые границы управления.

• Если аргумент не указан, выбрасывается исключение TypeError DOMException.
• Если предоставленный аргумент не является объектом DOMRect, выбрасывается исключение TypeError DOMException.

В этом примере показано, как использовать метод updateControlBounds() для указания платформе местоположения области редактирования в любое время.

#editor {
  border: 1px solid black;
  height: 50vw;
  width: 50vh;
}

<div id="editor"></div>

const editorEl = document.getElementById("editor");
const editContext = new EditContext();
editorEl.editContext = editContext;

function updateControlBounds() {
  const editorBounds = editorEl.getBoundingClientRect();
  editContext.updateControlBounds(editorBounds);
  console.log(
    `Updated control bounds to ${editorBounds.x}, ${editorBounds.y}, ${editorBounds.width}, ${editorBounds.height}`,
  );
}

// Update the control bounds now.
updateControlBounds();
// And when the page is resized.
window.addEventListener("resize", updateControlBounds);

• Интерфейс EditContext, к которому он принадлежит.