NavigationPrecommitController: addHandler() method

Syntax

addHandler(handler);

Parameters

handler

A callback function that defines the post-commit navigation handling behavior should be; it returns a promise.

The handler callback is invoked as though it was passed to the NavigateEvent.intercept() method, and will run after the currentEntry property has been updated.

Return value

None (undefined).

Exceptions

InvalidStateError DOMException

Thrown if:

• The originating NavigateEvent was not intercepted or has been canceled.
• The Document is not fully active.

SecurityError DOMException

Thrown if the event isTrusted attribute is false.

Examples

For more examples see NavigationPrecommitController.

Basic usage

This example shows a precommitHandler implementation that fetches data for a page and uses addHandler() to add different handlers based on the page type (the implementations of the fetchConfig, setupVideoPlayer() and setupArticleView() are not given).

navigation.addEventListener("navigate", (event) => {
  event.intercept({
    async precommitHandler(controller) {
      const pageData = await fetchConfig();
      if (pageData.type === "video") {
        controller.addHandler(() => setupVideoPlayer());
      } else {
        controller.addHandler(() => setupArticleView());
      }
    },
  });
});

Specifications

Browser compatibility

See also

• Modern client-side routing: the Navigation API