Window: gamepadconnected event - Web APIs | MDN

Syntax

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

js

addEventListener("gamepadconnected", (event) => { })

ongamepadconnected = (event) => { }

Examples

To be informed when a gamepad is connected, you can add a handler to the window using addEventListener(), like this:

js

window.addEventListener("gamepadconnected", (event) => {
  // All buttons and axes values can be accessed through
  const gamepad = event.gamepad;
});

Alternatively, you can use the window.ongamepadconnected event handler property to establish a handler for the gamepadconnected event:

js

window.ongamepadconnected = (event) => {
  // All buttons and axes values can be accessed through
  const gamepad = event.gamepad;
};

Specifications

Specification
Gamepad
# event-gamepadconnected

Browser compatibility

See also

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.