USB: connect event
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
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 # ref-for-dom-usb-onconnect |
Browser compatibility
BCD tables only load in the browser