javascript - JavaScript の onresize が 2 回起動するのはなぜですか?

Question

ここにフィドルがあります：

window.onresize = function (e) {
    console.log("Page resized");
};

ウィンドウのサイズを変更するたびに、コンソールに 2 つのログが表示されます

score 3 · Accepted Answer

これはよく知られたバグです (おそらくイベントのバブリングに関連していますか? 私はよく知られていると言いますが、それは私ではなく他の人が知っています :P )。これを回避するには、 a を使用しsetTimeoutてウィンドウのサイズが最後に変更された時刻を確認します。

score 0 · Accepted Answer

試す：

window.onresize = function (e) {
    console.log(e);
};

ブラウザウィンドウをドラッグするたびにイベントが発生するのがわかります

実装によって異なります: おそらく 2 回、ウィンドウのサイズが変更されていることを通知し、2 回目はウィンドウのサイズ変更が完了したことを通知します。

2 に答える 2