jQueryのresize処理について煮詰まってます。

Question

HTML, CSS, jQueryでの質問です。

jQueryのイベントタイミングで知りたいことがあり、
画面サイズを徐々に変更する場合の処理は、

  $(window).on('resize', function(){
    対象オブジェクトのサイズ変更処理
  });

で問題なくオブジェクトのサイズを変更することが出来るかと思いますが、
Windowsのスナップ機能（Windowsでウィンドウを画面端にもっていって全画面や半画面表示にできるあの機能）で
このjQueryのresizeが機能しないかと思います。

このエアロスナップをしたタイミングでjQueryの処理をしたいと思っているのですが、
なにか良いイベントはありますでしょうか。

何卒、よろしくお願い致します。

Comments

[x_x]

再現しませんでした。
jQuery のバージョン、OS、ブラウザなど環境を書いてください

[m.ts10806]

>このjQueryのresizeが機能しないかと思います。
しましたよ。
どのように確認しましたか？

Answer 1

たまたま作成中のWebアプリがあったので、以下のようなコードを組んで実験しました。
イベントが発生したらウィンドウの位置をログに出すだけの簡単なコードです。

window.onload = function(){
    $(window).on('resize', function(e,f){
        console.info("x=" + window.screenX + " : y=" + window.screenY);
    });
};

結果としては正常に動作しました。
Windows10で、以下のブラウザで動作する事を確認しました。

• Firefox 66.0.3
• Chrome 73.0.3683.103
• Vivaldi 2.4.1488.36 (Stable channel) (32-bit)
• Microsoft Edge 44.17763.1.0