JQueryの.resize()のように機能するイベントリスナーを探していますが、サイズ変更されたオブジェクト(ウィンドウについて話している)がx軸、またはその両方でサイズ変更されたときにのみ発生しますが、y軸では変更されません。 -基本的に、それは幅のサイズ変更イベントのみをリッスンします。
変数にウィンドウをロードしたときのブラウザの幅を保存できます。例:
var w = 0;
$( window ).load( function(){
w = $( window ).width();
});
$( window ).resize( function(){
if( w != $( window ).width() ){
//Do something
w = $( window ).width();
delete w;
}
});
このように使ってみませんか?
var w = $(window).width();
$(window).resize(function(){
if ($(window).width()==w) return;
w = $(window).width();
// ... your code
});
以下を使用できます。
$(window).resize(function(e) {
console.log(e.old.width + " - " + $(this).width());
console.log(e.old.height + " - " + $(this).height());
if(e.old.width==$(this).width() && e.old.height!=$(this).height()){
//only vertical resize done
}else
{
//horizontal or horizontal+ vertical resize done
}
});