HID: connect event

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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.

Note: This feature is available in Web Workers, except for Shared Web Workers.

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.

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

onconnect = (event) => { }

Event type

A HIDConnectionEvent. Inherits from Event.

Event HIDConnectionEvent

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.

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

Specifications

Specification
WebHID API
# dom-hid-onconnect

Browser compatibility