踩到Window resize在Preview print的雷
最近在作案的過程中遇到一個狀況，從Art design那邊拿到的頁面，會在Window resize的時候執行某個Function，本來一切都正常，但測試到Chrome和Firefox預覽列印時發現也會Trigger這個Event，會讓在預覽列印過後的頁面發生問題，所以必須要進行修正，以下是這個案例的說明：
先在測試頁加入以下的程式，發現在預覽列印的時候會Trigger window resize event：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Preview Print Test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(window).resize(function() {
console.log("Window Resize");
});
</script>
</head>
<body>
<h1>Window Resize Test</h1>
</body>
</html>
網路上搜尋了一下解決方案，將Script改寫如下，可以順利解決，但不知道是不是最好的方法，如果大家有更好的也別忘了告訴我唷～
openResizeFn();
// Chorme
var print = false;
var mediaQueryList = window.matchMedia('print');
mediaQueryList.addListener(function (mql) {
if (mql.matches) {
closeResizeFn();
} else {
setTimeout(openResizeFn, 2000);
}
});
// Firefox
window.onbeforeprint = function () {
closeResizeFn();
};
window.onafterprint = function () {
setTimeout(openResizeFn, 2000);
};
// Common Function
function openResizeFn() {
$(window).on("resize", windowResize);
}
function closeResizeFn() {
$(window).off("resize", windowResize);
}
function windowResize() {
console.log("Window Resize");
}
проект перепланировки для согласования цена [url=https://zakazat-proekt-pereplanirovki-kvartiry11.ru/]проект перепланировки для согласования цена[/url] .
how to get generic clomid tablets can i get generic clomid price cheap clomid without dr prescription
электрокарниз купить в москве [url=http://elektrokarniz-dlya-shtor499.ru/]электрокарниз купить в москве[/url] .
prednisone canada pharmacy: steroids prednisone for sale – prednisone pills for sale
паралое porolon-dlya-divana.ru .
электрические гардины электрические гардины .
how much is amoxicillin: Amox Star – amoxicillin capsule 500mg price
https://amoxstar.com/# amoxicillin online pharmacy
her latest blog https://bounyayin.com/2024/06/14/unduh-slot-apk-pragmatic-mod-injector-terbaru-untuk-pengalaman-bermain-maksimal-open-slot-apk-pragmatic-mod-injector-download/
проектирование перепланировки проектирование перепланировки .
купить ппу для дивана купить ппу для дивана .
ciprofloxacin generic price: CiPharmDelivery – buy cipro cheap
buy cipro cheap ciprofloxacin 500mg buy online buy cipro online usa
поролон для дивана поролон для дивана .
электрические карнизы для штор электрические карнизы для штор .
Top salespeople receives a commission extremely nicely.
Зарабатывайте больше денег на onexbet, не отрываясь от компьютера.
onexbet – ваш путь к успеху, даже в отпуске.
Ставки на спорт с onexbet, самые выгодные коэффициенты.
Получите эмоциональный заряд от игры на onexbet, и у вас не будет никаких сожалений.
onexbet – безопасность и конфиденциальность, для вас всегда в приоритете.
Готовы ли вы к большим выигрышам? Вам нужен onexbet, – оптимальное решение в вашей ситуации.
onexbet – ваш лучший друг и помощник в мире ставок, который всегда поддерживает ваши желания и цели.
С onexbet вы всегда на шаг впереди, добивайтесь успеха вместе с onexbet.
onexbet – это не просто ставки, это стиль жизни, которая помогает вам реализовать себя.
Хотите больше возможностей для выигрыша? Обращайтесь на onexbet, и ваши мечты станут реальностью.
onexbet – это не просто компания, это ваш путь к финансовой независимости, о котором мечтали.
onexbet – это идеальное место для тех, кто ищет азарт и адреналин, но при этом ценит качество и надежность.
Качественные ставки на спорт только на onexbet, все это предоставлено для вас.
Хотите выигрывать больше? Присоединяйтесь к onexbet, и вы обязательно останетесь довольны.
onexbet download apk onexbet download apk .
электрокарнизы цена электрокарнизы цена .
мебельный поролон цена мебельный поролон цена .
cipro ciprofloxacin: CiPharmDelivery – buy cipro
investigate this site https://bluevioletbodyworks.com/2024/06/13/slot-77-login-panduan-lengkap-untuk-pemula-dalam-dunia-slot-online/
can you buy generic clomid without a prescription: clomid on pharm – how to get clomid no prescription
Покупка диплома о среднем полном образовании: как избежать мошенничества?
мосжилинспекция проект перепланировки zakazat-proekt-pereplanirovki-kvartiry11.ru .
поролон для мебели поролон для мебели .
электрические карнизы для штор электрические карнизы для штор .
сделать проект перепланировки квартиры сделать проект перепланировки квартиры .
параллн https://www.porolon-dlya-divana.ru .
механизм для штор электрический механизм для штор электрический .
http://amoxstar.com/# generic amoxicillin over the counter