HTML jQuery JavaScriptを使ってブラウザの最大化。縮小化を把握する方法

ブラウザで、添付してある写真をの赤丸で囲んである部分を押したときに最大化.縮小をすると思うのですが、
jQueryかJavaScriptを使って最大化と縮小を把握する方法はないでしょうか。

イメージ的には
ブラウザの最大化。縮小ボタンを押す
↓
アラートが鳴る。

という感じです。

☆追記
最大化・縮小の区別をつけたいです。

Lhankor_Mhy

2015/11/04 08:55

「最大化と縮小を把握する方法」とのことですが、最大化と縮小を区別する必要はありますか？

TaruOrder

2015/11/04 09:36

解答ありがとうございます。最大化・縮小の区別をしたいです！！できそうですか？？

行動規範の内容に同意します

回答1件

ベストアンサー

最大化・縮小の区別は難しいですが、拡大・縮小の区別はつけられそうです。

jQueryを使わなくても作れると思いますが、使っちゃいました。

javascript
1var timer = false;
2var windowWidth = $(window).width();
3$(window).resize(function() {
4  if (timer !== false) {
5    clearTimeout(timer);
6  }
7  timer = setTimeout(function() {
8    alert( ( windowWidth > $(window).width() ) ? '縮小' : '拡大');
9    windowWidth = $(window).width();
10  }, 200);
11});