W3cubDocs

/Web APIs

GamepadEvent

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The GamepadEvent interface of the Gamepad API contains references to gamepads connected to the system, which is what the gamepad events gamepadconnected and gamepaddisconnected are fired in response to.

Event GamepadEvent

Constructor

GamepadEvent()

Returns a new GamepadEvent object.

Instance properties

GamepadEvent.gamepad Read only

Returns a Gamepad object, providing access to the associated gamepad data for the event fired.

Examples

The gamepad property being called on a fired gamepadconnected event.

js

window.addEventListener("gamepadconnected", (e) => {
  console.log(
    "Gamepad connected at index %d: %s. %d buttons, %d axes.",
    e.gamepad.index,
    e.gamepad.id,
    e.gamepad.buttons.length,
    e.gamepad.axes.length,
  );
});

And on a gamepaddisconnected event.

js

window.addEventListener("gamepaddisconnected", (e) => {
  console.log(
    "Gamepad disconnected from index %d: %s",
    e.gamepad.index,
    e.gamepad.id,
  );
});

Specifications

Specification
Gamepad
# gamepadevent-interface

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
GamepadEvent 35 12 29 No 22 10.1 37 35 32 22 10.3 3.0
GamepadEvent 21 12 29 No 15 10.1 4.4 25 32 14 10.3 1.5
gamepad 21 12 29 No 15 10.1 4.4 25 32 14 10.3 1.5
secure_context_required 86 86 91 No 72 No No 86 91 No No No

See also

Using the Gamepad API

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/GamepadEvent