aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/document/fullscreenchange_event/index.md
blob: adcd354eb91399fb40978a1fde6208a2c6e6d13e (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
---
title: fullscreenchange
slug: Web/API/Document/fullscreenchange_event
translation_of: Web/API/Document/fullscreenchange_event
---
L'événement **`onfullscreenchange`** est déclenché lorsque le navigateur alterne entre le mode fenêtré et plein écran.

## Informations générales

- Spécification
  - : [Fullscreen](https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api)
- Interface
  - : {{domxref("Event")}}
- Propagation
  - : Oui
- Annulable
  - : Non
- Cible
  - : {{domxref("Document")}}
- Action par défaut
  - : Aucune

## Propriétés

| Property                              | Type                                 | Description                                          |
| ------------------------------------- | ------------------------------------ | ---------------------------------------------------- |
| `target` {{readonlyInline}}     | {{domxref("EventTarget")}} | L'élément recevant l'événement.                      |
| `type` {{readonlyInline}}       | {{domxref("DOMString")}}     | Le type de l'événement.                              |
| `bubbles` {{readonlyInline}}    | {{jsxref("Boolean")}}         | Indique si l'événement bubble habituellement ou non. |
| `cancelable` {{readonlyInline}} | {{jsxref("Boolean")}}         | Indique si l'événement est annulable ou non.         |

## Exemple

```js
// Noter que l'API est toujours vendor-prefixed dans les navigateurs l'implémentant
document.addEventListener("fullscreenchange", function( event ) {

    // L'objet event ne porte pas l'information à propos du mode plein écran
    // Cependant, il est possible de la trouver à travers l'API fullscreen
    if ( document.fullscreen ) {

        // La cible de l'événement est toujours le document,
        // mais il est possible de retrouver l'élément fullscreen à travers l'API
        document.fullscreenElement;
    }

});
```

## Evénements liés

- [`fullscreenerror`](/fr/docs/Mozilla_event_reference/fullscreenerror)

## Voir aussi

- [Utilisation du mode plein écran](/fr/docs/DOM/Using_full-screen_mode)