Jak wyzwolić javascript na wydarzenie drukowania?

Question

Czy jest możliwe wywołanie zdarzenia javascript, gdy użytkownik drukuje stronę? Chciałbym usunąć zależność od biblioteki javascript, gdy użytkownik zdecyduje się wydrukować stronę, ponieważ biblioteka jest świetny dla ekranu, ale nie dla drukowania.

Każdy pomysł, jak to osiągnąć?

Answer 1

Dla każdego, potykając po tej odpowiedzi od Google, pozwól mi spróbować wyjaśnić:

Jak zauważył Ajay, istnieją dwa zdarzenia, które są zwalniane do drukowania, ale nie są one dobrze obsługiwane; o ile czytałem, są one obsługiwane tylko w przeglądarkach Internet Explorer i Firefox (6+). Te zdarzenia to window.onbeforeprint i window.onafterprint, które (jak można się spodziewać) będą uruchamiane przed i po zadaniu drukowania.

Jednak, jak wskazano w linku Joego (https://stackoverflow.com/a/9920784/578667), nie jest to dokładnie to, w jaki sposób jest zaimplementowany we wszystkich przypadkach. W większości przypadków oba zdarzenia są uruchamiane przed oknem dialogowym; w innych, wykonanie skryptu może zostać zatrzymane w oknie dialogowym drukowania, więc oba zdarzenia mogą wystrzelić w tym samym czasie (po tym, jak okno dialogowe zostanie zakończone).

Aby uzyskać więcej informacji i wsparcia (przeglądarki) dla tych dwóch zdarzeń:

https://developer.mozilla.org/en-US/docs/DOM/window.onbeforeprint

https://developer.mozilla.org/en-US/docs/DOM/window.onafterprint

Krótka odpowiedź: jeśli masz nadzieję, że zakłóca przepływu drukującej, nie należy . Jeśli masz nadzieję na wyzwolenie kodu po wydrukowaniu, nie będzie działać tak, jak chcesz; oczekuj słabej obsługi przeglądarki i spróbuj znieść degradację.

Answer 2

jeśli masz scenariusz, w którym u chcą coś zrobić, zanim pojawi się okno dialogowe drukowania lub po prostu dokument zostanie wysłany do użytku kolejkę drukarki można użyć poniższej Wydarzenia window.onafterprint, window.onbeforeprint

Answer 3

Można to zrobić poprzez nadpisanie, np. window.onbeforeprint.

Korzystając z Chrome, stwierdziłem, że działa również bardziej tajemniczy window.matchMedia("print").addListener(function() {alert("Print Dialog open.")}).

Ta dyskusyjna funkcja może być używana w celu powstrzymania użytkowników przed wydrukowaniem strony.

Napotkałem to po raz pierwszy na Scribd. Tam, jeśli otworzysz okno dialogowe drukowania za pomocą polecenia menu, zawartość strony będzie wyszarzona i pojawi się komunikat ostrzegawczy z ostrzeżeniem, dlaczego nie można wydrukować strony. (Uwaga dla pełnej analizy: na tej stronie kontrolka-p jest również nadpisywana, więc nie możesz jej użyć do otwarcia okna dialogowego drukowania.Ale jest też @media CSS dla wyjścia drukarki, który ukrywa zawartość - wszystko przetestowane w Firefoksie).

Answer 4

Dla każdego, kto tu przyjeżdża szukając opcji przy użyciu Bootstrapa, jak byłem, użyłem następującego kodu, aby osiągnąć ten po kliknięciu przycisku drukowania. Ten nie praca po naciśnięciu klawisza CTRL + P.

$("#print_page").click(function(){ 
$("#print_section").addClass('visible-print-block'); 
window.print(); 
$("#print_section").removeClass('visible-print-block');}) 

Trzeba dodać ukrytych drukiem do niczego nie chcesz drukowanej, a następnie dodać identyfikator (lub klasy, jeśli masz więcej niż jedna sekcja) strony print_section do bitu, który chcesz wydrukować! Trochę hacky, ale działa!