diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/window/hashchange_event | |
parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip |
convert content to md
Diffstat (limited to 'files/fr/web/api/window/hashchange_event')
-rw-r--r-- | files/fr/web/api/window/hashchange_event/index.md | 143 |
1 files changed, 49 insertions, 94 deletions
diff --git a/files/fr/web/api/window/hashchange_event/index.md b/files/fr/web/api/window/hashchange_event/index.md index 59f62fcdd1..56fcf7bcb1 100644 --- a/files/fr/web/api/window/hashchange_event/index.md +++ b/files/fr/web/api/window/hashchange_event/index.md @@ -6,80 +6,48 @@ tags: - Web translation_of: Web/API/Window/hashchange_event --- -<p>L'événement <code>hashchange</code> est déclenché lorsque l'identificateur de fragment de l'URL a changé (la partie de l'URL qui suit le symbole #, y compris le symbole # lui-même).</p> +L'événement `hashchange` est déclenché lorsque l'identificateur de fragment de l'URL a changé (la partie de l'URL qui suit le symbole #, y compris le symbole # lui-même). <table class="properties"> - <tbody> - <tr> - <td>Bulles</td> - <td>Oui</td> - </tr> - <tr> - <td>Annulable</td> - <td>Non</td> - </tr> - <tr> - <td>Objets cibles</td> - <td>{{domxref("Window")}}</td> - </tr> - <tr> - <td>Interface</td> - <td>{{domxref("HashChangeEvent")}}</td> - </tr> - <tr> - <td>Action par défaut</td> - <td>Aucune</td> - </tr> - </tbody> + <tbody> + <tr> + <td>Bulles</td> + <td>Oui</td> + </tr> + <tr> + <td>Annulable</td> + <td>Non</td> + </tr> + <tr> + <td>Objets cibles</td> + <td>{{domxref("Window")}}</td> + </tr> + <tr> + <td>Interface</td> + <td>{{domxref("HashChangeEvent")}}</td> + </tr> + <tr> + <td>Action par défaut</td> + <td>Aucune</td> + </tr> + </tbody> </table> -<h2 id="Propriétés">Propriétés</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Propriété</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>The browsing context (<code>window</code>).</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>Type de l'évènement</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event is cancellable or not.</td> - </tr> - <tr> - <td><code>oldURL</code> {{readonlyInline}}</td> - <td>{{jsxref("String")}}</td> - <td>The previous URL from which the window was navigated.</td> - </tr> - <tr> - <td>newURL {{readonlyInline}}</td> - <td>{{jsxref("String")}}</td> - <td></td> - </tr> - </tbody> -</table> +## Propriétés + +| Propriété | Type | Description | +| ------------------------------------- | ------------------------------------ | ----------------------------------------------------- | +| `target` {{readonlyInline}} | {{domxref("EventTarget")}} | The browsing context (`window`). | +| `type` {{readonlyInline}} | {{domxref("DOMString")}} | Type de l'évènement | +| `bubbles` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event normally bubbles or not. | +| `cancelable` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event is cancellable or not. | +| `oldURL` {{readonlyInline}} | {{jsxref("String")}} | The previous URL from which the window was navigated. | +| newURL {{readonlyInline}} | {{jsxref("String")}} | | -<p>Il existe plusieurs scripts de secours listés sur <a href="https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills">cette page</a>. Fondamentalement, ces scripts vérifient le <code>location.hash</code> à intervalles réguliers. Voici une version qui n'autorise qu'un seul gestionnaire à être lié à la propriété <code>window.onhashchange</code>:</p> +Il existe plusieurs scripts de secours listés sur [cette page](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills). Fondamentalement, ces scripts vérifient le `location.hash` à intervalles réguliers. Voici une version qui n'autorise qu'un seul gestionnaire à être lié à la propriété `window.onhashchange`: -<pre class="brush:js;">;(function(window) { +```js +;(function(window) { // Sortir si le navigateur implémente cet événement if ("onhashchange" in window) { return; } @@ -94,7 +62,7 @@ translation_of: Web/API/Window/hashchange_event newHash = location.hash; // Si le hash a été changé et qu'un gestionnaire a été lié... - if (newHash != oldHash && typeof window.onhashchange === "function") { + if (newHash != oldHash && typeof window.onhashchange === "function") { // exécute le gestionnaire window.onhashchange({ type: "hashchange", @@ -108,32 +76,19 @@ translation_of: Web/API/Window/hashchange_event }, 100); })(window); -</pre> - -<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', 'indices.html#event-hashchange', 'hashchange')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +``` + +## Spécifications + +| Spécification | Status | Commentaire | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName('HTML WHATWG', 'indices.html#event-hashchange', 'hashchange')}} | {{Spec2('HTML WHATWG')}} | Définition initiale | -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Window.hashchange_event")}}</p> +{{Compat("api.Window.hashchange_event")}} -<h2 id="See_also">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="/en-US/docs/Mozilla_event_reference/popstate"><code>popstate</code></a></li> - <li><a href="/en-US/docs/Web/API/WindowEventHandlers/onhashchange">WindowEventHandlers.onhashchange</a></li> -</ul> +- [`popstate`](/en-US/docs/Mozilla_event_reference/popstate) +- [WindowEventHandlers.onhashchange](/en-US/docs/Web/API/WindowEventHandlers/onhashchange) |