踩到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");
}
Hey there would you mind stating which blog platform you’re working with? I’m planning to start my own blog in the near future but I’m having a difficult time deciding between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design seems different then most blogs and I’m looking for something unique. P.S Sorry for getting off-topic but I had to ask!
Диплом вуза купить официально с упрощенным обучением в Москве
Привет!
Приобрести документ о получении высшего образования можно в нашей компании в столице.
so0912.com/forum.php?mod=forumdisplay&fid=51
Здравствуйте!
Диплом юриста
telegra.ph/gde-mozhno-kupit-diplom-o-vysshem-obrazovanii-08-13-9
Thanks for your post. Another issue is that being a photographer entails not only difficulties in capturing award-winning photographs but in addition hardships in acquiring the best digital camera suited to your requirements and most especially challenges in maintaining the quality of your camera. This is certainly very genuine and obvious for those photography enthusiasts that are directly into capturing a nature’s interesting scenes — the mountains, the particular forests, the actual wild or the seas. Visiting these daring places absolutely requires a photographic camera that can surpass the wild’s unpleasant setting.
The writing is a masterpiece. You managed to cover every aspect with such finesse.
casino slot siteleri: guvenilir slot siteleri – en iyi slot siteler
This Writing is a treasure trove of knowledge. Thank you for The contributions!
Hi, i believe that i noticed you visited my website thus i came to ?return the prefer?.I’m attempting to find issues to improve my site!I suppose its good enough to make use of a few of your ideas!!
abc-context.ru
Надежный поставщик динамических и статических прокси, сохраняющий стабильность вашей web активности: качественные резидентские прокси – https://residential-proxy.ru/
I like your quality that you put into your writing . Please do continue with more like this.
sweet bonanza demo turkce: sweet bonanza oyna – sweet bonanza demo oyna
It?s actually a nice and useful piece of info. I?m glad that you shared this useful information with us. Please keep us up to date like this. Thanks for sharing.
правила игры в покер
Simply wish to say your article is as surprising. The clarity in your post is just excellent and i could assume you are an expert on this subject. Well with your permission allow me to grab your RSS feed to keep updated with forthcoming post. Thanks a million and please carry on the gratifying work.
Attracting international operators
Registered office in Gibraltar
Quick and easy formation
Bahamas forex broker licence application process
The name of the company and its registered office.
Customer data protection: A high level of protection of customers’ personal data and assets must be ensured, complying with local data protection legislation.
The articles of association of a company registered in Ireland play a central role in defining the rules and governance structure of the company. It provides the legal basis for its activities and helps protect the interests of all stakeholders. When drafting a charter, it is important to take into account both the current needs of the business and the possibility of future growth and changes.
Cryptocurrencies can be exchanged for fiat currencies or other cryptocurrencies
Articles of Association
No
The ghost town that has stood empty for more than a century
гей порно молодые
There’s a large and very dignified school in Kayakoy. There are narrow streets, lined with houses, that wend and rise up both sides of a steep valley. There’s an ancient fountain in the middle of the town. And there are churches, one with million-dollar hilltop views over the blue Aegean.
But, for most of the past 100 years, there have been no people.
Kayakoy, in southwestern Turkey’s Mugla Province, is a true ghost town. Abandoned by its occupants and haunted by the past. It’s a monument, frozen in time – a physical reminder of darker times in Turkey.
With hillsides dotted by countless crumbling buildings slowly being swallowed by greenery, and endless views into vanished lives, it’s also a fascinating and starkly beautiful place to visit. In summer, under clear skies and blazing suns, it’s eerie enough. Even more so in cooler seasons, wreathed in mountain or sea mists.
Just over a century ago, Kayakoy, or Levissi as it was known, was a bustling town of at least 10,000 Greek Orthodox Christians, many of whom were craftspeople who lived peacefully alongside the region’s Muslim Turkish farmers. But in the upheaval surrounding Turkey’s emergence as an independent republic, their simple lives were torn apart.
Tensions with neighboring Greece after the Greco-Turk war ended in 1922 led to both countries ejecting people with ties to the other. For Kayakoy, that meant a forced population exchange with Muslim Turks living in Kavala, in what is now the Greek region of Macedonia and Thrace.
But the newly arrived Muslims were reputedly less than happy with their new home, swiftly moving on and leaving Kayakoy to fall to ruin.
https://www.gemius.ru/
en iyi slot siteleri: slot siteleri bonus veren – canl? slot siteleri
Heey very inyeresting blog!
Thanks for giving your ideas on this blog. As well, a myth regarding the banking companies intentions when talking about home foreclosure is that the standard bank will not take my payments. There is a fair bit of time that this bank will take payments every now and then. If you are very deep in the hole, they should commonly require that you pay the payment fully. However, that doesn’t mean that they will have any sort of payments at all. In case you and the standard bank can find a way to work something out, a foreclosure procedure may end. However, in the event you continue to neglect payments beneath new approach, the foreclosures process can pick up exactly where it left off.
A: Yes, there are legal and practical considerations for throuple relationships, including rights, finances, and potential legal obstacles.
cross border pharmacy canada: my canadian pharmacy reviews – pharmacy in canada
Hi my family member! I want to say that this post is amazing, great written and include almost all vital infos. I?d like to see more posts like this .
In 1995 its ecommerce companies were introduced to the market and the company grew to become public on Nasdaq in the next year.
https://easyrxcanada.online/# canadian drugs
Привет!
Заказать диплом любого университета.
sllife.ru/blog/bargdgng/khotite-kupit-diplom-o-srednem-tekhnicheskom-obrazovanii-
Здравствуйте!
Приобрести документ университета
bellydancestars.ru/viewtopic.php?t=1208&start=0&postdays=0&postorder=asc&highlight=
Здравствуйте!
Мы готовы предложить дипломы психологов, юристов, экономистов и других профессий.
Приобретение диплома, подтверждающего обучение в ВУЗе, – это выгодное решение.
knx-fr.com/member.php?action=profile&uid=10296
Рады оказаться полезными!.