踩到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");
}
where can i buy clomid: clomid on pharm – clomid online
Jugabet casino Jugabet casino .
Jugabet c?digo promocional Jugabet c?digo promocional .
Jugabet casino online jugabet9.com .
Здесь можно сейф для карабина купитьсейф под ружье купить
prednisone 21 pack: Predni Best – cost of prednisone 10mg tablets
Jugabet oficial Jugabet oficial .
Jugabet apuestas Jugabet apuestas .
http://clomidonpharm.com/# where can i get cheap clomid without a prescription
http://prednibest.com/# prednisone best prices
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов nothing адреса, можете посмотреть на сайте: ремонт телефонов nothing в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов samsung рядом, можете посмотреть на сайте: срочный ремонт телефонов samsung
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Здесь можно сейф для сайги 12заказать оружейный сейф
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов nothing в москве, можете посмотреть на сайте: ремонт телефонов nothing
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали срочный ремонт телефонов samsung, можете посмотреть на сайте: ремонт телефонов samsung в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Продамус промокод alhambra.bestforums.org/viewtopic.php?f=2&t=50755-00 .
http://cipharmdelivery.com/# where can i buy cipro online
Здесь можно купить оружейный шкафоружейный шкаф цена
cipro ci pharm delivery buy cipro no rx
п»їcipro generic: CiPharmDelivery – cipro for sale
The Vanderbilt University Owen Graduate School of Administration is the graduate enterprise school of Vanderbilt College in Nashville, Tennessee, United States.
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов samsung, можете посмотреть на сайте: ремонт телефонов samsung рядом
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов nothing, можете посмотреть на сайте: ремонт телефонов nothing в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
промокод на продамус https://forumbar.anihub.me/viewtopic.php?id=9823#p .
Здесь можно заказать оружейный сейфоружейный шкаф купить в москве
prednisone 40 mg tablet Predni Best prednisone 2 mg
Prodamus – промокод на подключение [url=https://alhambra.bestforums.org/viewtopic.php?f=2&t=50755/]https://forumbar.anihub.me/viewtopic.php?id=9823#p[/url] .
I will right away grab your rss as I can not find your email subscription link or newsletter service. Do you’ve any? Kindly let me know so that I could subscribe. Thanks.
продамус промокод скидка severussnape.borda.ru/?1-4-0-00000385-000-0-0-17345530800-17 .
продамус промокод скидка [url=http://vip.mybb.rocks/viewtopic.php?id=8484#p22318]продамус промокод скидка[/url] .