踩到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");
}
online shopping pharmacy india top 10 online pharmacy in india best india pharmacy
http://indianpharmacy.win/# pharmacy website india
Awesome post. It’s so good to see someone taking the time to share this information
http://indianpharmacy.win/# world pharmacy india
It sounds like you’re creating problems yourself by defining this as such a comprehensive, almost unknowable problem. Isn’t that self-defeating?
купить диплом об образовании в москве купить диплом об образовании в москве .
Thank you, I have just been searching for information about this topic for ages and yours is the greatest I’ve discovered till now. But, what about the conclusion? Are you sure about the source?
Всё, что нужно знать о покупке аттестата о среднем образовании
Thanks for posting this. Looking for these resources 😀
reputable canadian pharmacy canadian pharmacy prices reliable canadian pharmacy reviews
Удивительно, но купить диплом кандидата наук оказалось не так сложно
http://canadianpharmacy.win/# reliable canadian online pharmacy
http://canadianpharmacy.win/# canada pharmacy online legit
https://canadianpharmacy.win/# canadian valley pharmacy
https://canadianpharmacy.win/# legal canadian pharmacy online
Можно ли быстро купить диплом старого образца и в чем подвох?
Le code promo 1xBet 2025: 1XNEW25, saississez-le lors de votre inscription pour recevoir un bonus jusqu’a $130 sur le sport. Vous pourrez aussi obtenir jusqu’a $1,500 et 150 tours gratuits sur le casino. 1xBet propose jusqu’a $130 de freebets selon le montant de votre premier depot sur les paris sportifs. Parmi eux, le bonus de bienvenue, reserve aux nouveaux inscrits sur la plateforme. Cette plateforme est classee parmi les leaders en Afrique et a travers le monde. Elle vous offre les meilleures options pour vos paris, y compris la diffusion en direct des matchs sans frais supplementaires.
1xbet senegal
Utilisez le code promo 1xBet: “1XNEW25” en 2025. Vous pourrez debloquer un bonus de bienvenue jusqu’a $130 sur les paris sportifs. Et n’oubliez pas que 1xBet offre une belle opportunite a tous les nouveaux clients. En utilisant ce code lors de votre inscription, pourrez recuperer jusqu’a $130 sur le sport et jusqu’a $1,500 en freebets et 150 tours gratuits sur le casino en ligne. Pour profiter de ce bonus exceptionnel, il vous suffit d’effectuer votre premier depot. Celui-ci vous donne droit a un bonus de 100% du montant depose, jusqu’a un maximum de $130, ou l’equivalent dans votre devise.
canadian discount pharmacy: canadian neighbor pharmacy – ed meds online canada
Стоимость дипломов высшего и среднего образования и процесс их получения
https://canadianpharmacy.win/# canada pharmacy
canada drugs reviews: best canadian online pharmacy – pharmacy in canada
вывод из запоя круглосуточно краснодар на дому вывод из запоя круглосуточно краснодар на дому .
вывод из запоя на дому краснодар круглосуточно вывод из запоя на дому краснодар круглосуточно .
https://indianpharmacy.win/# top online pharmacy india
вывод из запоя бесплатно вывод из запоя бесплатно .
Как оказалось, купить диплом кандидата наук не так уж и сложно
вывод из запоя кодирование краснодар [url=https://vyvod-iz-zapoya-krasnodar113.ru/]вывод из запоя кодирование краснодар[/url] .
вывод из запоя бесплатно вывод из запоя бесплатно .
This is especially true for the start-ups experiencing excessive development and in need of a quicker financing to maintain their improvement.
вывод из запоя в краснодаре [url=www.vyvod-iz-zapoya-krasnodar112.ru/]вывод из запоя в краснодаре[/url] .