ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript/jQuery で複数のサイズ変更イベントを防ぐ方法は?

JavaScript/jQuery で複数のサイズ変更イベントを防ぐ方法は?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-04 11:56:02864ブラウズ

How to Prevent Multiple Resize Events in JavaScript/jQuery?

JavaScript/jQuery での複数のサイズ変更イベントの防止

$(window).resize を使用する場合、手動ウィンドウのサイズ変更中にイベントが複数回発生する可能性があります。この問題を解決し、サイズ変更の完了後に関数が 1 回だけ呼び出されるようにするには、次の解決策を検討してください。

waitForFinalEvent を使用した実装

CMS のソリューションのこの修正バージョンでは、複数の呼び出しが可能です。コードのさまざまな部分:

使用例

次のように waitForFinalEvent 関数をコードに組み込みます:

これにより、ウィンドウのサイズが変更されたときに確実にが完了すると、waitForFinalEvent で指定されたコールバック関数が 500 ミリ秒の遅延で実行されます。一意の ID パラメータにより、ウィンドウのサイズ変更に複数のコールバックを使用する場合の競合を防ぎます。

以上がJavaScript/jQuery で複数のサイズ変更イベントを防ぐ方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。