RTCDataChannel: open Ereignis

Syntax

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

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

onopen = (event) => { }

Ereignistyp

Ein RTCDataChannelEvent. Erbt von Event.

Beispiele

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

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

  messageInputBox.focus();
});

Dies kann auch erreicht werden, indem der Wert der onopen Ereignishandler-Eigenschaft des Kanals direkt gesetzt wird.

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