Spec-Zone.ru › Web APIs

RTCDataChannel: событие open

Базовая Широко поддерживается

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Событие WebRTC open отправляется обработчику событий объекта RTCDataChannel, когда базовый транспорт, используемый для отправки и получения сообщений канала данных, открывается или повторно открывается.

Это событие не может быть отменено и не распространяется наверх.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.

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

onopen = (event) => {};

Тип события

Объект RTCDataChannelEvent. Наследуется от Event.

Событие RTCDataChannelEvent

Свойства события

Также наследует свойства от своего родительского интерфейса, 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API