踩到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");
}
anonymous https://granbyma.net/2024/06/13/qq288-slot-panduan-lengkap-untuk-pemain-pemula-dan-profesional/
Слушайте, гейы!
Желаете окунуться в окружение интернет-игр и заработать реальные финансы? Тогда вам сюда! Список лучших превосходных казино 2025
Наш тг-профиль — ваш проводник в пространство отличных виртуальных-игр в Российской Федерации! Мы собрали ТОП-10 проверенных казино, где вы сможете проводить время на деньги и вывести свои призы без трудностей.
Что вас ожидает:
Честные отзывы и оценки Лицензированные казино ТОП-10 проверенных площадок от действительных геймеров. Превосходная имя любого ресурса подтверждена опытом и игроками. Неоплачиваемая регистрация и скорый вход на любой площадках. Активные дубликаты для посещения к вашему предпочитаемому игровой площадке в любой время. Мобильная программа для удобной развлечения так угодно.
Почему нам?
Безопасные и надежные казино с превосходными параметрами для игры. Защита ваших сведений и операций защищена. Новые новости и обновления окружения виртуальных-игр в России.
make stamps online make stamps online .
sweet bonanza giris: sweet bonanza giris – sweet bonanza demo oyna
click site https://glassartistsfellowship.com/2024/06/13/keberuntungan-di-davo88-slot-menang-besar-atau-pulang-kosong/
make stamps online make stamps online .
I’m blown away by the quality of this content! The author has obviously put a huge amount of effort into investigating and structuring the information. It’s refreshing to come across an article that not only offers helpful information but also keeps the readers hooked from start to finish. Hats off to him for producing such a brilliant work!
sweet bonanza giris: sweet bonanza oyna – sweet bonanza
After her parents dying she was raised by Ji Gang who she called Uncle Ji until he died throughout his match with Ming Tian’s Father.
Wealth administration planning is very important in life as it may possibly prevent in estate tax, capital positive factors tax, and revenue tax.
https://casinositeleri25.com/# deneme bonusu veren casino siteleri
https://denemebonusuverensiteler25.com/# deneme bonusu veren siteler yeni
https://slotsiteleri25.com/# slot siteleri
Getting professional support of legal constraints in the sphere of alternative investment will help you to get a profit making and immediate return on investment.
Europe’s top 10 high-frequency kingmakers.
Casino Siteleri guvenilir casino siteleri yeni bonus veren bahis siteleri
en kazancl? slot oyunlar? en cok kazand?ran slot oyunlar? en kazancl? slot oyunlar?
Casino Siteleri: deneme bonusu veren casino siteleri – casino bahis siteleri
denemebonusuverensiteler25: denemebonusuverensiteler25 – deneme bonusu veren siteler
slotozal casino
Бесплатное программное обеспечение для видеонаблюдения на ПК для распознавания лиц поддерживает все типы IP камер. Это комплексное решение, включающее VMS и CMS, позволяет записывать и просматривать RTSP-видеопотоки, а также управлять большим количеством IP-камер с единой платформы. Встроена видеоаналитика на основе ИИ, которая обнаруживает объекты в кадре, распознает автомобильные номера и лица, а также выявляет признаки дыма и огня.
программа просмотра камер наблюдения -видео
вывод из запоя круглосуточно ростов на дону [url=http://vyvod-iz-zapoya-rostov27.ru/]вывод из запоя круглосуточно ростов на дону[/url] .
вывод из запоя ростовская область вывод из запоя ростовская область .
deneme bonusu veren siteler yeni yeni deneme bonusu veren siteler deneme bonusu veren siteler
Комета казино
http://slotsiteleri25.com/# en cok kazand?ran slot oyunlar?
deneme bonusu veren siteler: denemebonusuverensiteler25 – yat?r?ms?z deneme bonusu veren siteler
Home Page https://onlinecasinohomes.com/casinos/slot-unik-77-pengalaman-bermain-yang-tidak-terlupakan-dengan-unik-77-slot/
deneme bonusu veren yeni siteler: deneme bonusu veren yeni siteler – deneme bonusu veren siteler yeni
https://slotsiteleri25.com/# az parayla cok kazandiran slot oyunlar?