OUJOOD.COM
Définition et utilisation de l'événement onafterprint
LES BALISES HTMLL'attribut onafterprint représente un gestionnaire d'événement JavaScript qui se déclenche automatiquement après que l'utilisateur ait configuré les paramètres d'impression d'une page web et que la boîte de dialogue d'impression se soit affichée. Cet événement fait partie de la spécification HTML5 et permet aux développeurs d'exécuter des scripts personnalisés une fois le processus d'impression lancé.
Remarque importante : L'événement onafterprint se déclenche également lorsque l'utilisateur ouvre simplement l'aperçu avant impression, sans nécessairement imprimer le document. Cela permet de capturer toutes les intentions d'impression, qu'elles aboutissent ou non.
Astuce pratique : L'attribut onafterprint est fréquemment utilisé en combinaison avec l'attribut onbeforeprint pour créer un cycle complet de gestion de l'impression. Par exemple, vous pouvez masquer certains éléments avant l'impression avec onbeforeprint, puis les réafficher après avec onafterprint.
Syntaxe de l'attribut
<element onafterprint="script"></element>
Valeurs et paramètres de l'attribut
Valeur |
Description détaillée |
|---|---|
|
script |
Le code JavaScript à exécuter lorsque l'événement onafterprint est déclenché. Il peut s'agir d'un appel de fonction, d'une instruction simple ou de plusieurs commandes JavaScript séparées par des points-virgules. |
Exemple pratique : Exécuter un JavaScript après la configuration d'impression
Dans cet exemple, nous affichons un message d'alerte après que l'utilisateur ait ouvert la boîte de dialogue d'impression. Cette technique peut être adaptée pour restaurer l'affichage normal de la page, envoyer des statistiques d'impression, ou effectuer toute autre action post-impression.
Exemple : 📋 Copier le code
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Démonstration onafterprint en HTML5</title>
<script>
// Fonction appelée après l'impression
function printmsg()
{
alert("Ce message est déclenché par l'événement onafterprint");
}
</script>
</head>
<body onafterprint="printmsg()">
<h1>Essayez d'imprimer ce document</h1>
<p><b>Astuce :</b> Le raccourci clavier Ctrl + P (ou Cmd + P sur Mac)
ouvre la boîte de dialogue d'impression.</p>
<p><b>Remarque sur la compatibilité :</b> L'attribut onafterprint
est pris en charge dans les navigateurs modernes (Edge, Chrome, Firefox).</p>
<p><b>Attention Internet Explorer :</b> Dans les anciennes versions d'IE,
l'attribut onafterprint se déclenche avant l'affichage de la boîte
de dialogue, et non après.</p>
</body>
</html>
Compatibilité et support des navigateurs
L'attribut d'événement onafterprint est largement supporté par les navigateurs modernes, notamment Microsoft Edge, Google Chrome et Mozilla Firefox. Le support dans Opera et Safari est également présent dans les versions récentes, bien que leur comportement puisse légèrement varier.
Particularité Internet Explorer : Dans les anciennes versions d'Internet Explorer, l'attribut onafterprint présente un comportement non standard : l'événement se déclenche avant l'affichage de la boîte de dialogue d'impression, plutôt qu'après. Pour une compatibilité maximale, il est recommandé de tester le comportement dans différents navigateurs ou d'utiliser des listeners JavaScript modernes avec window.addEventListener('afterprint', fonction).
Différences entre HTML 4.01 et HTML5
L'attribut onafterprint est une nouveauté introduite en HTML5. Il n'existait pas dans les spécifications HTML 4.01. Cette fonctionnalité fait partie des améliorations apportées pour offrir un meilleur contrôle des événements liés à l'impression et permettre aux développeurs de créer des expériences utilisateur plus riches et interactives autour du processus d'impression des pages web.
Par carabde 10 mars 2014 | Mis à jour le 20 octobre 2025