RTCDataChannel: событие open
Базовая Широко поддерживается
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.
Событие WebRTC open отправляется обработчику событий объекта RTCDataChannel, когда базовый транспорт, используемый для отправки и получения сообщений канала данных, открывается или повторно открывается.
Это событие не может быть отменено и не распространяется наверх.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.
addEventListener("open", (event) => {});
onopen = (event) => {};
Тип события
Объект RTCDataChannelEvent. Наследуется от Event.
Свойства события
Также наследует свойства от своего родительского интерфейса, Event.
-
channelТолько для чтения -
Возвращает
RTCDataChannel, связанный с событием.
Примеры
В этом примере к RTCDataChannel dc добавляется обработчик события open, который настраивает пользовательский интерфейс для отображения готовности окна чата после установления подключения. Он включает поле ввода сообщений и кнопку отправки, а также включает кнопку отключения и отключает кнопку подключения. Наконец, поле ввода сообщений получает фокус, чтобы пользователь мог сразу начать вводить текст.
dc.addEventListener(
"open",
(ev) => {
messageInputBox.disabled = false;
sendMessageButton.disabled = false;
disconnectButton.disabled = false;
connectButton.disabled = true;
messageInputBox.focus();
},
false,
);
Это также можно сделать, непосредственно задав значение свойства обработчика событий канала onopen.
dc.onopen = (ev) => {
messageInputBox.disabled = false;
sendMessageButton.disabled = false;
disconnectButton.disabled = false;
connectButton.disabled = true;
messageInputBox.focus();
};
Спецификации
| Спецификация |
|---|
| WebRTC: Реальная передача данных в браузерах # event-datachannel-open |
| WebRTC: Реальная передача данных в браузерах # dom-rtcdatachannel-onopen |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
open_event |
24 | 79 | 22 | 15 | 11 | 25 | 24 | 14 | 11 | 1.5 | 4.4 |
См. также
- API WebRTC
- Пример RTCDataChannel
- Связанные события:
message,closeиerror
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/RTCDataChannel/open_event