踩到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");
}
Secrets Kenya stands as a premier online retailer specializing in adult toys and sexual wellness products in Kenya. They offer a wide range of products including vibrators, dildos, strap-ons, and other sexcessories designed to enhance sexual pleasure and intimacy for both men and women. The website emphasizes discretion, privacy, and quality, ensuring that all products are sourced from reputable manufacturers. With services like quick delivery across Nairobi and discreet packaging, Secrets Kenya aims to provide a seamless shopping experience for those seeking to explore or enhance their sexual adventures. Their customer service is noted for being responsive, ready to assist with any inquiries or orders, making it a go-to destination for those interested in adult novelty items.
Реально ли приобрести диплом стоматолога? Основные шаги
Pretty impressive article. I just stumbled upon your site and wanted to say that I have really enjoyed reading your opinions. Any way I’ll be coming back and I hope you post again soon.
https://indiapharmi.com/# top 10 pharmacies in india
таможенный брокер импорт http://www.tamozhennyj-predstavitel-moskva11.ru/ .
вывод из запоя в спб вывод из запоя в спб .
доставка грузов таможенное оформление доставка грузов таможенное оформление .
Стоимость дипломов высшего и среднего образования и процесс их получения
https://indiapharmi.com/# indian pharmacies safe
услуги по таможенному оформлению грузов [url=http://tamozhennyj-broker-moskva.ru]услуги по таможенному оформлению грузов[/url] .
таможенный брокер карго таможенный брокер карго .
cheapest online pharmacy india Best online Indian pharmacy п»їlegitimate online pharmacies india
mexico pharmacies prescription drugs: mexican pharmacy – mexican drugstore online
http://canadianpharmi.com/# the best ed pill
ed drugs over the counter Canadian pharmacy prices buy online drugs
https://canadianpharmi.com/# cheap pet meds without vet prescription
брокеры таможенное оформление брокеры таможенное оформление .
брокеры таможенное оформление брокеры таможенное оформление .
supplements for ed canadian pharmacy mens ed
http://indiapharmi.com/# indianpharmacy com
брокеры таможенное оформление брокеры таможенное оформление .
over the counter ed remedies: canadian pharmi – new erectile dysfunction treatment
таможенный брокер представитель таможенный брокер представитель .
62. Sommerliche Musiktage Hitzacker.
п»їbest mexican online pharmacies: mexican pharmacy – mexican drugstore online
buying prescription drugs in mexico online: mexicanpharmi – mexican rx online
Meanwhile, the Nashville chapter of the Ku Klux Klan was established by Confederate veteran John W. Morton, who initiated Common Nathan Bedford Forrest.
таможенный брокер сайт таможенный брокер сайт .
buy ed pills online canadian pharmacy ed clinic
Stuck squirrel wins 2024 Comedy Wildlife Photography award
Криптоэкономика
An image of a squirrel stuck in a tree has been named the overall winner of this year’s Nikon Comedy Wildlife Photography Awards, with a frog in a bubble and a bream chasing a bald eagle among the category winners.
“Stuck Squirrel” by Milko Marchetti was chosen as the winner from more than 9,000 entries, the highest number received in the competition’s 10-year history, the organizers said in a statement published Tuesday.
The team whittled the entries down to a selection of 45, which were then put to a judging panel that selected the overall winner as well as nine category winners.
Marchetti’s photo shows the moment a red squirrel is entering its hide in the trunk of a tree, with its legs at right angles to the trunk.
“I have taken many, many photographs of squirrels, in many situations over the years in Italy, but this one struck me as really funny and such a strange position, because it is that exact moment when the squirrel is detaching its back legs from the trunk to enter its hide,” Marchetti said in the statement.
“Whenever I show this image at the nature seminars at my local photography club, the audience always explode with raucous laughter, so I had to enter it!”
Stefan Maier, senior general manager of marketing at Nikon Europe, said he was thrilled to announce Marchetti’s win, adding that his image “brilliantly captures the playful and unpredictable moments that make nature so enchanting.”