踩到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");
}
Interesting post right here. One thing I would like to say is that most professional areas consider the Bachelors Degree as the entry level standard for an online college diploma. Although Associate Certifications are a great way to start, completing a person’s Bachelors starts up many entrance doors to various occupations, there are numerous on-line Bachelor Course Programs available through institutions like The University of Phoenix, Intercontinental University Online and Kaplan. Another thing is that many brick and mortar institutions give Online editions of their degree programs but commonly for a substantially higher cost than the providers that specialize in online qualification plans.
Wish I’d thought of this. Am in the field, but I procrastinate alot and haven’t written as much as I’d like. Thanks.
Добрый день!
Процесс получения диплома стоматолога: реально ли это сделать быстро?
rushkadiplomikx.ru/kupit-diplom-medsestry
비아그라(실데나필)는 과학적으로 증명된 효능과 의학적으로 지원되는 치료 방법을 제공하는 약물입니다. 여기에는 다음과 같은 주요 요소들이 포함됩니다:비아그라의 과학적 효능과 의학적 지원
https://t.me/iv?url=https://via-online.imweb.me/
https://www.lookoutlanding.com/users/shepparduvg897
The insights are like a favorite book; I find new treasures each time I return.
Provoked thought and taught me something new, as if my brain needed more exercise.
The writing style had me at hello. Engaged from start to finish, just like a perfect first date.
Привет, друзья!
Мы готовы предложить дипломы любых профессий.
alexeysavrasov.ru/?item=63cb691f-f209-4336-a198-341a7dd6fe3d&termin=80a257a2-fe29-4c0b-bce2-5762ad5db806
Поможем вам всегда!.
What’s up, the whole thing is going perfectly here and ofcourse every one is sharing data, that’s really excellent, keep up writing.
http://opwww.com/qzyz872/gb/?action=list&t=qzyz872stuff&home=qzyz872&thread=20151127214853&type=gb&page=1&sort=Rr
비아그라 처방 가격
비아그라 처방 가격에 영향을 미치는 요인 이해
Привет, друзья!
Мы изготавливаем дипломы любой профессии по приятным ценам.
rushkas-diplomasxx.ru/kupit-diplom-yurista-shag-v-budushchee
Здравствуйте!
Купить документ университета
arusak-diploms-srednee.ru/kupit-diplom-kandidata-nauk
https://tireless-dolphin-dc4vlf.mystrikingly.com/blog/72c5311b43c
비아그라 데체 약품
비아그라 대체 약품: ED 치료를 위한 다른 옵션
I’ve been browsing online more than three hours today, yet I never found any interesting article like yours. It is pretty worth enough for me. In my view, if all website owners and bloggers made good content as you did, the web will be a lot more useful than ever before.
https://viastoer.blogspot.com/2024/07/blog-post_56.html
поисковое продвижение сайтов в москве поисковое продвижение сайтов в москве .
I love what you’ve created here, this is definitely one of my favorite sites to visit.
Привет!
Мы изготавливаем дипломы психологов, юристов, экономистов и других профессий по приятным тарифам.
ciscoworld.de/купить-диплом-о-высшем-образовании-че
I think I will become a great follower.Just want to say your post is striking. The clarity in your post is simply striking and i can take for granted you are an expert on this subject.
https://bbs.weipubao.cn/home.php?mod=space&uid=4323364
https://medium.com/@nsw5288/%EB%B9%84%EC%95%84%EA%B7%B8%EB%9D%BC-%EA%B5%AC%EB%A7%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-be7ed9932b6f
비아그라 크기 변화
비아그라가 실제로 음경 크기에 영향을 미칩니까? 과학의 중요성
частный оптимизатор seo https://prodvizhenie-sajtov15.ru .
Those who are experienced investors will be carrying out hundreds of trades; hence will need a broker with ability to provide various types of trading services such as fixed-income securities, commodities, mutual funds, trade derivatives and much more.
비아그라 시알리스
비아그라와 시알리스의 차이점과 그것들이 당신의 몸에 미치는 영향을 탐구하기
Добрый день!
Как официально купить аттестат 11 класса с упрощенным обучением в Москве
yacina.net/купить-диплом-о-высшем-образовании-ре
Будем рады вам помочь!.
ВНЖ цифрового кочевника Испании ВНЖ цифрового кочевника Испании .