HID: connect event

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

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

The connect event of the HID interface fires when the user agent connects to a HID device.

Syntax

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

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

onconnect = (event) => {};

Event type

A HIDConnectionEvent. Inherits from Event.

Event properties

In addition to the properties listed below, properties from the parent interface, Event, are available.

device Read only: The HIDDevice the event is fired for.

Examples

In the following example an event listener is registered to listen for the connection of a device. The name of the device is then printed to the console using HIDDevice.productName.

navigator.hid.addEventListener("connect", ({ device }) => {
  console.log(`HID connected: ${device.productName}`);
});

Specifications

Specification
WebHID API # dom-hid-onconnect

Browser compatibility

BCD tables only load in the browser