diff options
Diffstat (limited to 'files/fr/web/api/sharedworkerglobalscope/onconnect/index.md')
-rw-r--r-- | files/fr/web/api/sharedworkerglobalscope/onconnect/index.md | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/files/fr/web/api/sharedworkerglobalscope/onconnect/index.md b/files/fr/web/api/sharedworkerglobalscope/onconnect/index.md new file mode 100644 index 0000000000..88b05cd2d7 --- /dev/null +++ b/files/fr/web/api/sharedworkerglobalscope/onconnect/index.md @@ -0,0 +1,64 @@ +--- +title: SharedWorkerGlobalScope.onconnect +slug: Web/API/SharedWorkerGlobalScope/onconnect +translation_of: Web/API/SharedWorkerGlobalScope/onconnect +--- +<p>{{APIRef("Web Workers API")}}</p> + +<p>La proriété <strong><code>onconnect</code></strong> de l'interface {{domxref("SharedWorkerGlobalScope")}} est un gestionnaire d'évènement pour l'évènement {{event("connect")}}, c'est à dire quand une connexion {{domxref("MessagePort")}} est ouverte entre le {{domxref("SharedWorker")}} et le <em>thread</em> principale.</p> + +<h2 id="Syntaxe">Syntaxe</h2> + +<pre class="brush: js">onconnect = function() { ... };</pre> + +<h2 id="Exemple">Exemple</h2> + +<p>Cet exemple montre le gestionnaire d'évènement <code>onconnect</code> quand une connection depuis le thread principal vers un fichier de <em>worker</em> partagé via un {{domxref("MessagePort")}}. L'objet évènement est un {{domxref("MessageEvent")}}.</p> + +<p>Le port de connexion peut-être récupéré avec la propriété <code>ports</code> de l'objet évènement. Le port a un gestionnaire d'évènement <code>onmessage</code> pour gérer les évènement venant de cet port et la méthode <code>postMessage()</code> peut-être utilisée pour répondre au <em>thread</em> principale qui utilise le <em>worker</em>.</p> + +<pre class="brush: js">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(); +}</pre> + +<p>Pour l'exemple complet en fonctionnement, voir <a href="https://github.com/mdn/simple-shared-worker">Basic shared worker example</a> (<a href="http://mdn.github.io/simple-shared-worker/">run shared worker</a>.)</p> + +<div class="note"> +<p><strong>Note :</strong> La propriété <code>data</code> de l'objet évènement est <code>null</code> dans Firefox. À partir de la version 65, elle est initialisée comme une chaîne vide, selon les spécifications ({{bug(1508824)}}).</p> +</div> + +<h2 id="Spécifications">Spécifications</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Spécification</th> + <th scope="col">Status</th> + <th scope="col">Commentaire</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', '#handler-sharedworkerglobalscope-onconnect', 'onconnect')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Browser_Compatibility">Compatibilité des navigateurs</h2> + + + +<p>{{Compat("api.SharedWorkerGlobalScope.onconnect")}}</p> + +<h2 id="Voir_aussi">Voir aussi</h2> + +<ul> + <li>{{domxref("SharedWorkerGlobalScope")}}</li> +</ul> |