USB: connect event
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Note: This feature is available in Web Workers.
The connect event of the USB interface is fired whenever a paired device is connected.
Syntax
Use the event name in methods like addEventListener(), or set an event handler property.
addEventListener("connect", (event) => { })
onconnect = (event) => { }
Event type
A USBConnectionEvent. Inherits from Event.
Event properties
In addition to the properties listed below, properties from the parent interface, Event, are available.
Examples
Once a USB device is connected, you might want to update the UI.
navigator.usb.addEventListener("connect", (event) => {
// Add event.device to the UI.
});
Alternatively, you can use the USB.onconnect event handler property to establish a handler for the connect event:
navigator.usb.onconnect = (event) => {
// Add event.device to the UI.
};
Specifications
| Specification |
|---|
| WebUSB API # connect |
| WebUSB API # dom-usb-onconnect |
Browser compatibility
Loading…