jquery.resizeend

JavaScript

ウィンドウをリサイズした時にイベント発生できる「jquery.resizeend」

jquery.resizeendは、ブラウザのウィンドウをリサイズした時にイベントを発生させることができるjQueryプラグインです。ウィンドウのサイズ変更後に何かのイベント処理を行いたいという人にはピッタリの機能ですね。

jquery.resizeend

デモ

DEMOの項目では、ページを読み込んだ時は「No event」と表示されていますが、ブラウザのウィンドウをリサイズし始めると「Resizing」に変わり、リサイズが終了すると「Resizing Complete!」に変化します。

このように、ウィンドウをリサイズすることで任意のイベントを発生させられるのがこのプラグインの特徴です。リサイズ後に何かのアクションを起こさせたいという場合に役立ちますね。

基本的な使い方もシンプルでわかりやすいので、リサイズ後に自分の好きなイベントを設定したいという人には最適です。

オプションには「delay」が用意されています。delayのデフォルト値は「250」です。

というわけで、ブラウザのウィンドウをリサイズした後にイベントを発生させることができるjQueryプラグイン「jquery.resizeend」の紹介でした。ライセンスはMITとのこと。

jquery.resizeend

NO IMAGEフレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」前のページ

テキストを指定した幅にフィットさせるjQueryプラグイン「BigText」次のページBigText

関連記事

  1. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  2. JavaScript

    フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

    screenfull.jsは画像などの要素をフルスクリーンで表示させる…

  3. jQuery Seat Charts
  4. JavaScript

    JavaScriptの基本構文を忘れた!って時にサクっと見たい10項目

    最近はよくjQueryプラグインを使ったりすることが多くなってきたので…

  5. iziToast

    JavaScript

    エレガントでレスポンシブに対応したトーストを実装できる「iziToast」

    iziToastは、エレガントでレスポンシブに対応した軽量のトーストを…

  6. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP