踩到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");
}
vente de mГ©dicament en ligne: pharmacie en ligne pas cher – pharmacie en ligne fiable
купить микронаушники https://jasdam.cz/
pharmacie en ligne livraison europe: cialis generique – Pharmacie Internationale en ligne
mikrosluchatko anosondy
can low white blood cells cause joint pain
pharmacie en ligne fiable: cialis generique – Pharmacie Internationale en ligne
https://formomebel.ru/stoliki/na-osnovanii-iz-metalla
can breast radiation cause joint pain
Viagra vente libre pays: Acheter du Viagra sans ordonnance – Viagra homme sans ordonnance belgique
выкуп продажа авто авто под выкуп в москве
biaxin pills forty – albenza sand cytotec pills laboratory
promethazine mess – promethazine patch promethazine mechanical
Наш сайт эротических рассказов https://shoptop.org/ поможет тебе отвлечься от повседневной суеты и погрузиться в мир страсти и эмоций. Богатая библиотека секс историй для взрослых пробудит твое воображение и позволит насладиться каждой строкой.
Pharmacie Internationale en ligne: Levitra 20mg prix en pharmacie – pharmacie en ligne france fiable
Pharmacie en ligne livraison Europe: levitra generique prix en pharmacie – pharmacie en ligne france livraison belgique
pharmacie en ligne sans ordonnance: achat kamagra – pharmacie en ligne pas cher
п»їpharmacie en ligne france: cialis sans ordonnance – Pharmacie sans ordonnance
pharmacie en ligne sans ordonnance: cialis generique – trouver un mГ©dicament en pharmacie
Pharmacie en ligne livraison Europe: pharmacie en ligne – pharmacie en ligne livraison europe
acheter mГ©dicament en ligne sans ordonnance: Levitra 20mg prix en pharmacie – acheter mГ©dicament en ligne sans ordonnance
Выбор современных мужчин – тактичные штаны, дадут комфорт и уверенность.
Идеальный вариант для активного отдыха, тактичные штаны обеспечат вам комфорт и свободу движений.
Качественные материалы и прочные швы, сделают тактичные штаны незаменимым атрибутом вашего образа.
Современный стиль и практичность, подчеркнут вашу индивидуальность и статус.
Неотъемлемый атрибут современного мужчины – тактичные штаны, которые подчеркнут вашу силу и уверенность.
купити штани чоловічі тактичні https://taktichmishtanu.kiev.ua/ .
Viagra vente libre pays: SildГ©nafil Teva 100 mg acheter – Viagra pas cher livraison rapide france
acheter mГ©dicament en ligne sans ordonnance: cialis sans ordonnance – pharmacie en ligne france pas cher
pharmacies en ligne certifiГ©es: kamagra oral jelly – vente de mГ©dicament en ligne
pharmacie en ligne sans ordonnance: cialis sans ordonnance – pharmacie en ligne avec ordonnance
Good post. I be taught something more challenging on totally different blogs everyday. It’s going to always be stimulating to learn content material from other writers and apply a little one thing from their store. I?d desire to make use of some with the content on my blog whether or not you don?t mind. Natually I?ll provide you with a hyperlink on your net blog. Thanks for sharing.
Pharmacie Internationale en ligne: pharmacie en ligne – Pharmacie Internationale en ligne
ascorbic acid find – ascorbic acid trail ascorbic acid vein
trouver un mГ©dicament en pharmacie: cialis sans ordonnance – pharmacie en ligne pas cher
pharmacies en ligne certifiГ©es: acheter mГ©dicament en ligne sans ordonnance – pharmacie en ligne