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

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーション動作中と停止中で処理を分ける:animatedと:not(:animat…

    jQueryでアニメーションが動作中の時だけ、またはアニメーションが停…

  2. bringins

    JavaScript

    コンテンツをかっこいいアニメーションページで魅せるjQueryプラグイン「bringins」

    bringinsはWebページ上のコンテンツを、アニメーションページと…

  3. tabellajs

    JavaScript

    タッチ対応のレスポンシブなテーブルを実装できる「tabellajs」

    tabellajsはタッチに対応したレスポンシブで操作性のよいテーブル…

  4. Trunk.js

    JavaScript

    滑らかなスライド表示がいい!レスポンシブなナビゲーションメニュー「Trunk.js」

    Trunk.jsはレスポンシブに対応したナビゲーションメニューを実装す…

  5. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

最近の記事

  1. 200-DGCAM019
  2. ハクバ GW-PRO RED フォトグローブプロ PL
  3. Soundcore Liberty Air 2
  4. Soundcore Liberty 2
  5. マザーツリー

アーカイブ

PAGE TOP