USB: connect イベント

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

USB インターフェイスの connect イベントは、ペア設定済みのデバイスが接続された時発火します。

構文

addEventListener() のようなメソッドでイベント名を使うか、イベントハンドラープロパティを設定します。

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

USBConnectionEvent です。Event を継承します。

以下に挙げるプロパティに加え、親インターフェイス Event のプロパティも利用できます。

USB デバイスが接続された時、UI を更新したいかもしれません。

navigator.usb.addEventListener("connect", (event) => {
 // event.device を UI に追加する
});

別の方法として、USB.onconnect イベントハンドラープロパティを使用して connect イベント用のハンドラーを設定できます。

navigator.usb.onconnect = (event) => {
 // event.device を UI に追加する
};

仕様書
WebUSB API # connect
WebUSB API # dom-usb-onconnect

このページは MDN の貢献者によって 2023年8月25日に最終更新されました。