踩到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");
}
Loving the info on this website , you have done outstanding job on the blog posts.
проект перепланировки квартиры цена проект перепланировки квартиры цена .
купить поролон для кровати купить поролон для кровати .
электрокранизы http://www.elektrokarniz-dlya-shtor499.ru .
can i order cheap clomid tablets where to get clomid price can you get generic clomid online
buying amoxicillin online: amoxicillin 500mg capsules uk – over the counter amoxicillin canada
Aby odebrać bonus, wykonaj poniższe kroki: zarejestruj się w Pelican Casino, wypełnij krótki formularz rejestracyjny, potwierdź swój adres e-mail i uzupełnij swój profil prawdziwymi danymi. Cała procedura zajmie mniej niż minutę!
Focus 70 of your attention on studying the medium while you are simply starting out.
Реально ли приобрести диплом стоматолога? Основные шаги
Большие выигрыши с onexbet, присоединяйтесь и выигрывайте|Профессиональные прогнозы от onexbet, делайте свои ставки и выигрывайте|Надежный букмекер onexbet, зарабатывайте без стресса|Больше шансов на успех с onexbet, получите дополнительные ставки бесплатно|Играйте в казино онлайн на onexbet, наслаждайтесь игрой в любое время суток|Быстрые выплаты на onexbet, получите свои деньги моментально|Легальное онлайн казино onexbet, ваша безопасность – важнее всего|Онлайн трансляции спортивных событий на onexbet, выигрывайте, не выходя из дома|Участвуйте в уникальных акциях onexbet, не упустите шанс стать богаче|Азартные игры с живыми дилерами на onexbet, ощутите атмосферу настоящего казино|Следите за результатами на onexbet, получайте прибыль от своих прогнозов|Делайте выгодные прогнозы и зарабатывайте, выигрывайте больше и чаще|Больше шансов на успех с onexbet, выигрывайте больше, чем раньше|Онлайн поддержка пользователей на onexbet, наши специалисты помогут вам 24/7|Легкость использования и простота на onexbet, играйте без стресса и неудобств|Увеличьте свои шансы на миллион с onexbet, не упустите возможность стать богаче|Зарабатывайте на ставках с onexbet, играть и выигрывать стало проще|Играйте и зарабатывайте больше, получайте индивидуальные предложения и бонусы|Ставьте и зарабатывайте вместе с нами, больше денег с onexbet|Профессиональная букмекерская контора onex
onexbet apk download https://arxbetdslps.com/ .
Зарабатывайте больше денег на onexbet, не тратя много времени.
onexbet – ваш шанс на богатство, где бы вы ни находились.
Ставки на спорт с onexbet, оптимальные шансы на победу.
Ощутите азарт игры с onexbet, и вы обязательно останетесь довольны.
onexbet – безопасность и конфиденциальность, всегда гарантированы.
Мечтаете о финансовом благополучии? Вам нужен onexbet, – надежный партнер на пути к успеху.
onexbet – ваш надежный союзник в мире игры, который всегда придет на помощь.
Играя на onexbet, вы становитесь ближе к своей мечте, достигайте своих целей с onexbet.
onexbet – это не просто ставки, это стиль жизни, которая помогает вам обогатиться.
Хотите изменить свою жизнь к лучшему? Начните с onexbet, и вы поймете, что все возможно.
onexbet – это не просто сайт ставок, это ваша дорога к богатству, который приведет вас к желаемым результатам.
onexbet – это идеальное место для тех, кто ищет азарт и адреналин, но при этом ценит профессионализм и конфиденциальность.
Доступ к самым популярным играм и событиям на onexbet, все это предоставлено для вас.
Хотите выигрывать больше? Присоединяйтесь к onexbet, и вы удивитесь своим результатам.
madoradjgv madoradjgv .
Получайте больше прибыли на onexbet, не тратя много времени.
onexbet – ваш ключ к финансовой независимости, где бы вы ни находились.
Победные ставки с onexbet, оптимальные шансы на победу.
Получите эмоциональный заряд от игры на onexbet, и ваша жизнь никогда не будет прежней.
onexbet – доверие и надежность, неизменно остаются важнейшими.
Хотите ли вы заработать крупные суммы? Вам нужен onexbet, – оптимальное решение в вашей ситуации.
onexbet – ваш верный компаньон в мире азарта, на который всегда можно положиться.
Играя на onexbet, вы становитесь ближе к своей мечте, используйте onexbet для достижения ваших целей.
onexbet – это не просто ставки, это стиль жизни, которая помогает вам реализовать себя.
Готовы к большим деньгам и успеху? Попробуйте onexbet, и вы поймете, что удача всегда на вашей стороне.
onexbet – это не просто игровая платформа, это ваш шанс на успех, который вы искали.
Играя на onexbet, вы получаете неповторимые эмоции, но при этом ценит профессионализм и конфиденциальность.
Доступ к самым популярным играм и событиям на onexbet, все это гарантировано для вас.
Хотите выигрывать больше? Присоединяйтесь к onexbet, и ваша жизнь никогда не будет прежней.
gobnatqiqd gobnatqiqd .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали срочный ремонт телефонов meizu, можете посмотреть на сайте: ремонт телефонов meizu сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
He tied for 3rd-5th of 7 gamers (3/6) at Stamford 1887, received by Joseph Henry Blake.
Disruptions. Your emergency preparedness plans may also deal with disruptions attributable to an event, which might last longer than the event itself.
buy generic ciprofloxacin: CiPharmDelivery – cipro pharmacy
There may be a world occasion, the Christmas Hen Rely organized by Audubon Society, through which all hen-lovers and scientists all around the world are invited to participate in spotting and counting the chicken species present in collaborating locations worldwide.
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов poco в москве, можете посмотреть на сайте: ремонт телефонов poco цены
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
In my expertise, it’s virtually all the time simpler to ask “what are you doing” reasonably than “how are you doing.” In case you retain this habit over time, chances are you’ll experience extra enlightening conversations and a slightly enlivened social life.
alkozona [url=http://alkozona.ru]http://alkozona.ru[/url] .
Здесь можно купить сейф домашний сейфы для дома доставка
http://clomidonpharm.com/# cost of clomid now
https://amoxstar.com/# amoxicillin from canada
Здесь можно купить домашний сейф сейф домой
Легальная покупка диплома о среднем образовании в Москве и регионах
prednisone 4mg purchase prednisone no prescription prednisone 3 tablets daily
alkozona http://www.alkozona.ru .
I employed a bunch of individuals, after all, but we had the added excitement of integrating a complete artwork group assigned to us, in Austin, by an art director a couple of hundred miles away in Ion Storm’s Dallas office.
buy cheap clomid prices clomid cheap can you buy clomid without a prescription
Moderately than attempting to right away chase Washington additional, Cornwallis, underneath Howe’s orders, established a sequence of recent Jersey outposts from New Brunswick to Burlington, including one at Bordentown and one at Trenton, and ordered his troops to bunker there in winter quarters.