connect event is fired in shared workers at their SharedWorkerGlobalScope when a new client connects.

冒泡 No
可取消 No
接口 MessageEvent
事件处理程序特性 SharedWorkerGlobalScope.onconnect

范例

This example shows a shared worker file — when a connection to the worker occurs from a main thread via a MessagePort onconnect event handler fires. The event object is a MessageEvent .

The connecting port can be referenced through the event object's ports parameter; this reference can have an onmessage handler attached to it to handle messages coming in through the port, and its postMessage() method can be used to send messages back to the main thread using the worker.

self.onconnect = function(e) {
    var port = e.ports[0];
    port.onmessage = function(e) {
      var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
      port.postMessage(workerResult);
    }
    port.start();
}
					

For a complete running example, see our Basic shared worker example ( run shared worker )。

addEventListener equivalent

You could also set up an event handler using the addEventListener() 方法:

self.addEventListener('connect', function(e) {
  var port = e.ports[0];
  port.onmessage = function(e) {
    var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
    port.postMessage(workerResult);
  }
});
					

规范

规范 状态
HTML 实时标准
The definition of 'connect event' in that specification.
实时标准

浏览器兼容性

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
桌面 移动
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
connect event Chrome 4 Edge ≤79 Firefox 29
29
Before version 65 the data property of the event object was null ; it is now initialized to an empty string, as per spec.
IE No Opera 10.6 Safari No WebView Android Yes Chrome Android 18 Firefox Android 29
29
Before version 65 the data property of the event object was null ; it is now initialized to an empty string, as per spec.
Opera Android Yes Safari iOS ? Samsung Internet Android 1.0

图例

完整支持

完整支持

不支持

不支持

兼容性未知 ?

兼容性未知

见实现注意事项。

另请参阅

元数据

  • 最后修改: