CharacterBoundsUpdateEvent: rangeEnd property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The CharacterBoundsUpdateEvent.rangeEnd read-only property represents the offset of the last character within the editable text region for which the operating system needs the bounds.

Value

A Number.

Examples

Reading the `rangeEnd` value

This example shows how to use the characterboundsupdate event and read the value of the rangeStart and rangeEnd properties.

const editContext = new EditContext();
editorElement.editContext = editContext;

editContext.addEventListener("characterboundsupdate", (e) => {
  console.log(
    `The OS needs the bounds of the chars at ${e.rangeStart} - ${e.rangeEnd}.`,
  );
});

Specifications

Specification
EditContext API # dom-characterboundsupdateevent-rangestart

Browser compatibility

BCD tables only load in the browser