RTCDataChannel: open-Ereignis

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

addEventListener("open", (event) => { })

onopen = (event) => { }

Ereignistyp

Ein RTCDataChannelEvent. Erbt von Event.

Ereigniseigenschaften

Erbt außerdem Eigenschaften von der übergeordneten Schnittstelle Event.

channel Schreibgeschützt

Gibt den RTCDataChannel zurück, der mit dem Ereignis verknüpft ist.

Beispiele

Dieses Beispiel fügt einem RTCDataChannel dc einen Handler für das open-Ereignis hinzu, der die Benutzeroberfläche anpasst, um anzuzeigen, dass ein Chatfenster bereit zur Nutzung ist, nachdem eine Verbindung hergestellt wurde. Es aktiviert das Nachrichten-Eingabefeld und die Senden-Schaltfläche sowie die Trennungs-Schaltfläche und deaktiviert die Verbindungs-Schaltfläche. Schließlich wird das Nachrichten-Eingabefeld fokussiert, damit der Benutzer sofort mit dem Tippen beginnen kann.

dc.addEventListener("open", (ev) => {
  messageInputBox.disabled = false;
  sendMessageButton.disabled = false;
  disconnectButton.disabled = false;
  connectButton.disabled = true;

  messageInputBox.focus();
});

Dies kann auch durch direktes Setzen des Werts der onopen-Ereignis-Handler-Eigenschaft des Kanals erfolgen.

dc.onopen = (ev) => {
  messageInputBox.disabled = false;
  sendMessageButton.disabled = false;
  disconnectButton.disabled = false;
  connectButton.disabled = true;

  messageInputBox.focus();
};

Spezifikationen

Browser-Kompatibilität

Siehe auch

• WebRTC-API
• Ein einfaches RTCDataChannel-Beispiel
• Verwandte Ereignisse: message, close und error