踩到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");
}
Приобретение школьного аттестата с официальным упрощенным обучением в Москве
вывод из запоя краснодар наркология вывод из запоя краснодар наркология .
https://mexicanpharmacy.store/# mexico pharmacies prescription drugs
срочная помощь вывод из запоя краснодар срочная помощь вывод из запоя краснодар .
вывод из запоя лечение краснодар вывод из запоя лечение краснодар .
the canadian drugstore canadian drugs online canadian pharmacy meds reviews
Are you aware you possibly can earn a living on-line in Nigeria having enjoyable on social media reminiscent of fb, twitter, google plus, linkedin, instgram e,t,c.
Codigo promocional 1xBet 2025: 1XBONO25 ao se inscrever para um Bonus de boas-vindas para novos jogadores 100% hasta 130€ en apuestas deportivas. Es importante saber que el codigo promocional 1xBet ofrece a los usuarios acceso a un unico bono de bienvenida. Este debe ser seleccionado al momento del registro y estara activo al momento de hacer el primer deposito.
https://theclimb.es/pag/1xbet-promo-code.html – codigo promocional de 1xbet
El codigo promocional 1xBet: 1XBONO25, valido 2025, debe ser ingresado al momento de realizar la inscripcion en el operador para conseguir el bono de bienvenida para apuestas deportivas o casino 1xbet. En caso de tener problemas con el uso del codigo promocional 1xBet, los usuarios pueden contactar al servicio al cliente.
вывод из запоя стационар краснодар вывод из запоя стационар краснодар .
By applying simple linear regression, we can develop a model that estimates house prices, aiding both buyers and sellers in making informed decisions.
NL Pitchero says that “Gary Brabin, manager of Tranmere Rovers, has pulled off one thing of a second signing coup by bringing in 32-12 months-old Steve McNulty on loan from Luton Town with a view to a permanent switch. Born in Liverpool, the commanding centre-again brings a wealth of experience with him having received promotion on four events with three different clubs. At Barrow AFC, he captained the facet to promotion into the Conference, earlier than shifting and leading the Fleetwood City aspect from the Convention North into the Soccer League. He then moved to Luton and helped the Hatters to promotion out of the Conference in 2013-14 and turned club captain too at Kenilworth Street. McNulty has made a dozen appearances for John Nonetheless’s aspect this season. Brabin said, ‘This signing is a big plus for us. Steve is a local lad, a pacesetter and was in the League Two Crew of the 12 months final season. He’s the kind of participant and character that we want at the Club and I feel it strengthens our squad even more so I’m delighted to have the ability to deliver him right here.’ McNulty follows Friday’s arrival of Gary Taylor-Fletcher. The 34-12 months-previous attacker joins Rovers on a brief-term deal till the tip of the year and made a fantastic start with the opening objective in opposition to leaders Forest Green Rovers on Saturday. The forward has been and not using a club since his launch by Leicester Metropolis at the end of last season. Twice promoted into England’s top flight with Blackpool after which Leicester, Taylor-Fletcher brings a whole lot of expertise and has scored greater than a hundred objectives in his career so far”.
Clear, concise and easy to access.
It’s maybe best known for the 911, which was launched in 1963; more than 1 million have been made.
The nonbusiness energy property credit score is now the vitality environment friendly dwelling enchancment credit.
http://mexicanpharmacy.store/# reputable mexican pharmacies online
indianpharmacy com: Online medicine order – indian pharmacy
http://indianpharmacy.win/# п»їlegitimate online pharmacies india
mexican mail order pharmacies purple pharmacy mexico price list mexican mail order pharmacies
http://canadianpharmacy.win/# drugs from canada
https://canadianpharmacy.win/# canada drug pharmacy
Парадокс, но купить диплом кандидата наук оказалось не так и сложно
где купить диплом в иркутске 4russkiy365-diplomy.ru .
Once you get injured on water, the principles are completely different.
Официальная покупка аттестата о среднем образовании в Москве и других городах
legitimate canadian online pharmacies: canadian pharmacy win – vipps canadian pharmacy
Thanks for discussing the issues and covering them in a well written format.
http://plastiks.hu/images/pages/?melbet_registration_code.html
Покупка диплома о среднем полном образовании: как избежать мошенничества?
вывод из запоя краснодар [url=http://vyvod-iz-zapoya-krasnodar114.ru]вывод из запоя краснодар[/url] .
быстрый анонимный вывод из запоя на дому быстрый анонимный вывод из запоя на дому .