踩到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");
}
Привет!
Можно ли купить аттестат о среднем образовании? Основные рекомендации
skybirdint.com/2019/05/31/sky-bird-international-gloves-stitching-hall/#comment-123845
Здравствуйте!
Приобрести документ института
mamalipetsk.ru/index.php?name=forums&op=showtopic&id=26175
magnificent points altogether, you just gained a brand new reader. What would you recommend in regards to your post that you made some days ago? Any positive?
A further issue is really that video gaming has become one of the all-time most significant forms of recreation for people spanning various ages. Kids have fun with video games, and adults do, too. The XBox 360 is one of the favorite video games systems for people who love to have a lot of games available to them, and also who like to relax and play live with other folks all over the world. Thank you for sharing your opinions.
tamoxifen men: femara vs tamoxifen – tamoxifen dose
просушка натяжного потолка цена http://prosushka-pomeshchenij-v-moskve.ru/
Лучшие варианты колясок для вашей погодки, которые подчеркнут ее красоту.
Как выбрать идеальную коляску для вашей погодки, которая будет соответствовать всем вашим требованиям.
Самые популярные коляски для погодок этого сезона, которые покорят вас своим дизайном и функциональностью.
Простые советы по уходу за коляской для погодки, и радовала вас своим идеальным состоянием.
Стильные аксессуары для колясок погодок, и подчеркнут индивидуальность вашего питомца.
Инновационные функции, которые делают коляски для погодок уникальными, и незаменимыми для настоящих ценителей удобства.
Выбор профессионалов: лучшие коляски для погодок, чтобы и ваша погодка могла чувствовать себя звездой.
Лучшие модели колясок для погодок, и добавит стиля и удобства в вашу жизнь.
Секреты комфортных прогулок с погодкой в коляске, и принесут не только удовольствие, но и пользу.
Секреты выбора идеальной коляски для вашей погодки, чтобы сделать прогулки с погодкой еще более приятными.
Что делает современные коляски для погодок уникальными, и незаменимыми для заботливых владельцев.
5 причин выбрать именно коляску для погодки, для тех, кто заботится о комфорте своего питомца.
Как выбрать идеальную коляску для погодки себе, которая подчеркнет ваш стиль и индивидуальность.
Самые стильные коляски для погодок, для тех, кто ценит комфорт и качество.
Идеальные коляски для прогулок с погодкой, и добавят вашей погодке комфорта.
Экспер
коляска прогулочная для погодок коляска прогулочная для погодок .
order cytotec online https://furosemide.win/# lasix tablet
lasix tablet
https://furosemide.win/# lasix 100 mg tablet
lipitor 40 mg price india: Lipitor 10 mg price – best price for lipitor
Привет!
Мы предлагаем дипломы любой профессии по выгодным тарифам.
telegra.ph/distancionnoe-obuchenie-v-vuze-otzyvy-08-02
I am lucky that I discovered this website , precisely the right info that I was searching for! .
lasix 20 mg: buy furosemide – lasix medication
https://furosemide.win/# furosemide 40 mg
Hey! I know this is kind of off topic but I was wondering which blog platform are you using for this website? I’m getting fed up of WordPress because I’ve had issues with hackers and I’m looking at alternatives for another platform. I would be fantastic if you could point me in the direction of a good platform.
buy cytotec in usa https://lipitor.guru/# lipitor india
lasix generic name
Enjoyed studying this, very good stuff, thanks.
I have seen that charges for on-line degree experts tend to be a fantastic value. For instance a full Bachelor’s Degree in Communication with the University of Phoenix Online consists of 60 credits with $515/credit or $30,900. Also American Intercontinental University Online comes with a Bachelors of Business Administration with a full study course requirement of 180 units and a tariff of $30,560. Online degree learning has made obtaining your higher education degree been so cool because you could earn your degree in the comfort in your home and when you finish from office. Thanks for other tips I have really learned through your web-site.
hello!,I love your writing so a lot! proportion we be in contact more about your article on AOL? I need an expert in this house to solve my problem. Maybe that is you! Taking a look ahead to see you.
Привет, друзья!
Заказать диплом любого ВУЗа.
telegra.ph/individualnyj-grafik-obucheniya-v-vuze-08-02
Добрый день!
Приобрести диплом о высшем образовании.
diplomius-docs.com/prodazha-diplomov-o-vysshem-obrazovanii
In June 2018, local newspapers reported that five people were killed in the Bodija Market abattoir when a security team attempted to enforce the forcible relocation of Ibadan abattoirs to the new facilities as ordered by the local government.
Привет!
Заказать диплом о высшем образовании.
telegra.ph/basni-dlya-postupleniya-v-teatralnyj-vuz-08-02
https://namazit.ru/
generic for lipitor: Atorvastatin 20 mg buy online – average cost of generic lipitor
Привет!
Приобрести документ института можно у нас в Москве.
nontota.com/wikicorporativa/doku.php?id=gosznacdiplom
RipplesAdvisory is the best Stock Tips Provider in India.
One thing I would really like to reply to is that fat burning plan fast can be achieved by the proper diet and exercise. People’s size not merely affects the look, but also the quality of life. Self-esteem, despression symptoms, health risks, and also physical skills are impacted in fat gain. It is possible to just make everything right whilst still having a gain. In such a circumstance, a problem may be the perpetrator. While a lot of food rather than enough exercise are usually the culprit, common medical conditions and widespread prescriptions can easily greatly amplify size. Thanks for your post here.
There was the phase that opportunity to act austerity policy rose when the fear for return (repayment) principal of interest was close-upped at any trouble happened.
I loved as much as you will receive carried out right here. The sketch is attractive, your authored material stylish. nonetheless, you command get bought an shakiness over that you wish be delivering the following. unwell unquestionably come further formerly again as exactly the same nearly very often inside case you shield this hike.