RTCDataChannel: sự kiện mở

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Sự kiện WebRTC open được gửi đến trình xử lý sự kiện onopen của đối tượng onopen khi phương thức vận chuyển cơ bản được sử dụng để gửi và nhận tin nhắn của kênh dữ liệu được mở hoặc mở lại.

Sự kiện này không thể hủy và không bong bóng.

Cú pháp

Sử dụng tên sự kiện trong các phương thức như addEventListener() hoặc đặt thuộc tính xử lý sự kiện.

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

onopen = (event) => { }

Loại sự kiện

Một RTCDataChannelEvent. Kế thừa từ Event.

Event RTCDataChannelEvent

Thuộc tính sự kiện

Cũng kế thừa các thuộc tính từ giao diện chính của nó, Event.

channel Read only

Trả về RTCDataChannel được liên kết với sự kiện.

Ví dụ

Ví dụ này thêm vào RTCDataChannel dc một trình xử lý cho sự kiện open giúp điều chỉnh giao diện người dùng để cho biết rằng cửa sổ trò chuyện đã sẵn sàng sử dụng sau khi kết nối được thiết lập. Nó kích hoạt hộp nhập tin nhắn và nút gửi cũng như kích hoạt nút ngắt kết nối và vô hiệu hóa nút kết nối. Cuối cùng, hộp nhập tin nhắn được tập trung để người dùng có thể bắt đầu nhập ngay.

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

  messageInputBox.focus();
});

Điều này cũng có thể được thực hiện bằng cách trực tiếp đặt giá trị thuộc tính xử lý sự kiện onopen của kênh.

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


  messageInputBox.focus();
};

Thông số kỹ thuật

Specification
WebRTC: Real-Time Communication in Browsers
# event-datachannel-open
WebRTC: Real-Time Communication in Browsers
# dom-rtcdatachannel-onopen

Khả năng tương thích của trình duyệt

Xem thêm