Estou tentando atualizar o conteúdo da minha página para impressão. Desejo ter etiquetas (extensões) para cada elemento de entrada (caixas de texto, listas, etc.) para impedir o corte de texto durante a impressão. Antes de imprimir, quero garantir que todas essas etiquetas reflitam os valores mais atualizados inseridos pelo usuário em seus respectivos campos de entrada.

Minha primeira idéia foi colocar um rótulo depois de cada caixa de texto e vinculá-lo com o mesmo valor na renderização da página e depois ocultar / mostrar a entrada ou o rótulo com base no atributo de mídia CSS. Mas então eu também preciso teronchange manipuladores para cada elemento de entrada para atualizar seu respectivo rótulo sempre que seu valor for alterado.

Meu próximo pensamento foi usaronbeforeprint e algum jQuery para atualizar os rótulos em tempo real com os valores atuais em um único local. Código mais limpo, centralizado e mais conciso.

Mas até onde eu sei,onbeforeprint eonafterprint são suportados apenas no IE e Firefox. ... MAS ... todo artigo ou post que eu acho que fala sobre o suporte ao navegador para essas duas funções é de um bom 4 ou 5 anos, ou até mais!

Então, eu estou pensando, o Chrome e o Safari adicionaram suporte para essas duas funções em algum momento nos últimos 5 anos?