Baseline Widely available
Das WebRTC message
-Ereignis wird an den onmessage
Ereignis-Handler eines RTCDataChannel
-Objekts gesendet, wenn eine Nachricht vom entfernten Peer empfangen wurde.
Hinweis: Das message
-Ereignis verwendet als Ereignisobjekttyp die MessageEvent
-Schnittstelle, die durch die HTML-Spezifikation definiert ist.
Dieses Ereignis kann nicht abgebrochen werden und löst keine Blasenbildung aus.
SyntaxVerwenden Sie den Ereignisnamen in Methoden wie addEventListener()
oder setzen Sie eine Ereignis-Handler-Eigenschaft.
addEventListener("message", (event) => { })
onmessage = (event) => { }
Ereignistyp Ereigniseigenschaften
Erbt auch Eigenschaften von seiner Elternschnittstelle, Event
.
MessageEvent.data
Schreibgeschützt
Die Daten, die vom Ereignisauslöser gesendet wurden.
MessageEvent.origin
Schreibgeschützt
Ein String, der den Ursprung des Ereignisauslösers darstellt.
MessageEvent.lastEventId
Schreibgeschützt
Ein String, der eine eindeutige ID für das Ereignis darstellt.
MessageEvent.source
Schreibgeschützt
Ein Verweis auf den Ereignisauslöser, eines von WindowProxy, MessagePort
oder ServiceWorker
.
MessageEvent.ports
Schreibgeschützt
Ein Array von MessagePort
-Objekten, die die mit dem Kanal verbundenen Ports darstellen, durch den die Nachricht gesendet wird (wo zutreffend, z.B. bei Kanal-Messaging oder beim Senden einer Nachricht an einen Shared Worker).
Für ein gegebenes RTCDataChannel
, dc
, das für eine Peer-Verbindung mit seiner Methode createDataChannel()
erstellt wurde, richtet dieser Code einen Handler für eingehende Nachrichten ein und reagiert auf diese, indem er die im Nachrichtentext enthaltenen Daten dem aktuellen Dokument als neues <p>
(Paragraph) Element hinzufügt.
dc.addEventListener(
"message",
(event) => {
let newParagraph = document.createElement("p");
let textNode = document.createTextNode(event.data);
newParagraph.appendChild(textNode);
document.body.appendChild(newParagraph);
},
false,
);
Zuerst erstellen wir das neue Paragraph-Element und fügen die Nachrichtendaten als neuen Textknoten hinzu. AnschlieÃend fügen wir das neue Paragraph am Ende des Dokumentenbodies hinzu.
Sie können auch die onmessage
-Ereignis-Handler-Eigenschaft eines RTCDataChannel
-Objekts verwenden, um den Ereignis-Handler festzulegen:
dc.onmessage = (event) => {
let newParagraph = document.createElement("p");
let textNode = document.createTextNode(event.data);
newParagraph.appendChild(textNode);
document.body.appendChild(newParagraph);
};
Spezifikationen Browser-Kompatibilität Siehe auch
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4