Ich versuche, den Inhalt meiner Seite zum Drucken zu aktualisieren. Ich möchte Beschriftungen (Felder) für jedes Eingabeelement (Textfelder, Listen usw.) haben, um zu verhindern, dass der Text beim Drucken abgeschnitten wird. Ich möchte vor dem Drucken sicherstellen, dass alle diese Etiketten die aktuellsten vom Benutzer eingegebenen Werte aus den jeweiligen Eingabefeldern widerspiegeln.

Meine erste Idee war, einfach nach jedem Textfeld eine Beschriftung einzufügen und beim Rendern der Seite mit demselben Wert zu binden und dann die Eingabe oder die Beschriftung basierend auf dem CSS-Medienattribut auszublenden / anzuzeigen. Aber dann muss ich auch habenonchange Handler für jedes Eingabeelement, um die jeweilige Bezeichnung bei jeder Änderung des Werts zu aktualisieren.

Mein nächster Gedanke war zu verwendenonbeforeprint und etwas jQuery, um die Labels direkt mit den aktuellen Werten zu aktualisieren. Sauberer, zentraler und übersichtlicher Code.

Aber soweit ich das beurteilen kann,onbeforeprint undonafterprint werden nur in IE und Firefox unterstützt. ... ABER ... in jedem Artikel oder Beitrag, den ich finden kann, ist die Beschreibung der Browserunterstützung für diese beiden Funktionen von guten 4 oder 5 Jahren oder sogar noch älter!

Ich frage mich also, ob Chrome und Safari diese beiden Funktionen in den letzten 5 Jahren zu irgendeinem Zeitpunkt unterstützt haben.