Window: beforeinstallprompt event

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("beforeinstallprompt", (event) => {});

onbeforeinstallprompt = (event) => {};

A BeforeInstallPromptEvent. Inherits from Event.

Inherits properties from its parent, Event.

BeforeInstallPromptEvent.platforms Read only

Returns an array of strings containing the platforms on which the event was dispatched. This is provided for user agents that want to present a choice of versions to the user such as, for example, "web" or "play" which would allow the user to choose between a web version or an Android version.

BeforeInstallPromptEvent.userChoice Read only

Returns a Promise that resolves to a string containing either "accepted" or "dismissed".

The following example uses the beforeinstallprompt event to make an install button operable, by using the event inside a click handler.

window.addEventListener("beforeinstallprompt", (beforeInstallPromptEvent) => {
  beforeInstallPromptEvent.preventDefault(); // Prevents immediate prompt display

  // Shows prompt after a user clicks an "install" button
  installButton.addEventListener("click", (mouseEvent) => {
    // you should not use the MouseEvent here, obviously
    beforeInstallPromptEvent.prompt();
  });

  installButton.hidden = false; // Make button operable
});

• BeforeInstallPromptEvent.prompt
• BeforeInstallPromptEvent