blob: ba9e55f03e269b2c2edc08a530b5987509f99c90 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
|
---
title: pageshow
slug: Web/Events/pageshow
translation_of: Web/API/Window/pageshow_event
---
<p>L’évènement <code>pageshow</code> est émis lorsqu’une entrée dans un historique de session est atteinte (cela comprend les boutons précédent / suivant ainsi que l’affichage initial de la page après l’évènement <code>onload</code>).</p>
<h2 id="Informations_générales">Informations générales</h2>
<dl>
<dt style="float: left; text-align: right; width: 160px;">Spécification</dt>
<dd style="margin: 0 0 0 160px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow" lang="en-US">HTML5</a></dd>
<dt style="float: left; text-align: right; width: 160px;">Interface</dt>
<dd style="margin: 0 0 0 160px;"><a href="/fr/docs/Web/API/PageTransitionEvent">PageTransitionEvent</a></dd>
<dt style="float: left; text-align: right; width: 160px;">Bouillonne</dt>
<dd style="margin: 0 0 0 160px;">Non</dd>
<dt style="float: left; text-align: right; width: 160px;">Annulable</dt>
<dd style="margin: 0 0 0 160px;">Non</dd>
<dt style="float: left; text-align: right; width: 160px;">Cible</dt>
<dd style="margin: 0 0 0 160px;">Document (dispatché sur Window)</dd>
<dt style="float: left; text-align: right; width: 160px;">Action par défaut</dt>
<dd style="margin: 0 0 0 160px;">Aucune</dd>
</dl>
<h2 id="Propriétés" style="">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>La cible de l’évènement (la plus haute dans l’arbre DOM).</td>
</tr>
<tr>
<td><code>type</code> {{readonlyInline}}</td>
<td>{{domxref("DOMString")}}</td>
<td>Le type d’évènement.</td>
</tr>
<tr>
<td><code>bubbles</code> {{readonlyInline}}</td>
<td>{{jsxref("Boolean")}}</td>
<td>Si l’évènement bouillonne en temps normal ou non.</td>
</tr>
<tr>
<td><code>cancelable</code> {{readonlyInline}}</td>
<td>{{jsxref("Boolean")}}</td>
<td>Si l’évènement est annulable ou non.</td>
</tr>
<tr>
<td><code>persisted</code> {{readonlyInline}}</td>
<td>{{jsxref("boolean")}}</td>
<td>Si l’entrée est chargée depuis le cache ou non.</td>
</tr>
</tbody>
</table>
<h2 id="Exemples">Exemples</h2>
<p>L’exemple suivant va afficher dans la console des informations sur l’évènement <code>pageshow</code>, qui est émis à l’utilisation des boutons précédent / suivant, et pas uniquement après <code>onload</code> :</p>
<pre class="brush: js">window.addEventListener('pageshow', function(event) {
console.log('pageshow:');
console.log(event);
});</pre>
<p>Bien que ce ne soit pas la meilleure pratique, vous pouvez également ajouter l’évènement comme un attribut sur la balise <code><body></code>, de la même manière que <code>onload</code> :</p>
<pre class="brush: html"><body onload="myonload()" onpageshow="mypageshowcode()"></pre>
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{CompatibilityTable()}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Fonctionnalité</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Support de base</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop("1.8")}}</td>
<td>11</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Fonctionnalité</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Support de base</td>
<td>{{CompatUnknown()}}</td>
<td>{{CompatUnknown()}}</td>
<td>{{CompatUnknown()}}</td>
<td>{{CompatUnknown()}}</td>
<td>{{CompatUnknown()}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Évènements_liés">Évènements liés</h2>
<ul>
<li><a href="/fr/docs/Web/Events/pagehide"><code>pagehide</code></a></li>
<li><a href="/fr/docs/Utilisation_du_cache_de_Firefox_1.5#L.27.C3.A9v.C3.A8nement_pageshow">Utilisation du cache de Firefox 1.5 — L’évènement pageshow</a></li>
</ul>
|
