window.print în JavaScript

window.print()

Ce face window.print

print() deschide dialogul de tipărire, din care utilizatorul poate alege imprimanta sau „Salvează ca PDF”. Aspectul paginii tipărite se controlează din CSS, cu @media print.

Evenimentele beforeprint și afterprint îți permit să pregătești pagina înainte și să o refaci după.

Ce returnează

undefined.

Exemple

Exemplul 1: Buton de tipărire a facturii

window.addEventListener("beforeprint", () => console.log("pregătesc pagina"));
window.addEventListener("afterprint", () => console.log("tipărire încheiată"));

document.querySelector("#tipareste").addEventListener("click", () => window.print());

Rezultat în browser

pregătesc pagina
tipărire încheiată

Greșeli frecvente

• Ascunzi elementele de tipărit cu JavaScript în loc de CSS. Folosește @media print { .meniu { display: none; } }; merge și când utilizatorul tipărește cu Ctrl+P.

Comenzi înrudite

• matchMedia: Verifică din JavaScript o interogare media CSS: ecran mic, temă întunecată, mișcare redusă.
• addEventListener: Rulează o funcție când se întâmplă ceva pe pagină: un clic, o tastă, trimiterea unui formular.