The WebRTC open
event is sent to an RTCDataChannel
object's onopen
event handler when the underlying transport used to send and receive the data channel's messages is opened or re-opened.
Bubbles | No |
---|---|
Cancelable | No |
Interface | RTCDataChannelEvent |
Event handler property | onopen |
Examples
This example adds to the RTCDataChannel
dc
a handler for the open
event that adjusts the user interface to indicate that a chat window is ready to be used after a connection has been established. It enables the message input box and send button as well as enabling the disconnect button and disabling the connect button. Finally, the message input box is focused so the user can immediately begin to type.
dc.addEventListener("open", ev => { messageInputBox.disabled = false; sendMessageButton.disabled = false; disconnectButton.disabled = false; connectButton.disabled = true; messageInputBox.focus(); }, false);
This can also be done by directly setting the value of the channel's onopen
event handler property.
dc.onopen = ev => { messageInputBox.disabled = false; sendMessageButton.disabled = false; disconnectButton.disabled = false; connectButton.disabled = true; messageInputBox.focus(); }
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
open event | Chrome Full support 56 | Edge Full support ≤79 | Firefox Full support Yes | IE No support No | Opera Full support 43 | Safari Full support Yes | WebView Android Full support 56 | Chrome Android Full support 56 | Firefox Android Full support Yes | Opera Android Full support 43 | Safari iOS Full support Yes | Samsung Internet Android Full support 6.0 |
Legend
- Full support
- Full support
- No support
- No support
See also
- WebRTC API
- A simple RTCDataChannel example
- Related events:
message
,close
, anderror