addEventListener 与 onmessage区别
时间: 2024-08-15 15:11:04 浏览: 104
react native与webview通信的示例代码
`addEventListener` 和 `onmessage` 都是JavaScript中用于事件处理的重要部分,但它们的应用场景不同:
1. `addEventListener`: 这是通用的事件监听器,可以用于添加任何类型的事件处理器到元素或特定对象(如Window对象)。例如,你可以用它来添加点击、滚动、键盘输入等各种事件。它的语法是这样的:
```javascript
element.addEventListener(eventType, callbackFunction, useCapture);
```
其中 `eventType` 是你要监听的事件类型,`callbackFunction` 是事件发生时将执行的函数,`useCapture` 决定事件是在目标捕获阶段还是冒泡阶段触发。
2. `onmessage`: 这个特定地指向WebSocket API 的 `message` 事件,当从WebSocket连接接收到消息时触发。这是针对WebSocket通信的一种约定,只适用于处理由`send()`方法发送的数据,特别是那些非文本类型的数据(如Blob、ArrayBuffer等):
```javascript
var socket = new WebSocket('wss://echo.websocket.org');
socket.onmessage = function(event) {
// 这里会处理接收到的消息
console.log('Received message:', event.data);
};
```
总之,`addEventListener` 是一个通用的事件绑定机制,而 `onmessage` 是WebSocket上下文中的一个专用事件,用于处理实时通信中的消息接收。
阅读全文