jQuery contextMenu plugin & polyfill

JavaScript

カスタマイズしたコンテキストメニューを実装できる「jQuery contextMenu plugin & polyfill」

jQuery contextMenu plugin & polyfillは、カスタマイズ可能なコンテキストメニューを実装することができるjQueryプラグインです。独自のコンテキストメニューを表示したいアプリケーションなどにはピッタリですね。

jQuery contextMenu plugin & polyfill

デモ

デモページには、「right click me」と書かれたボタンが設置されており、ここに右クリックするとコンテキストメニューが表示されます。

メニューには、Edit、Cut、Copy、Paste、Delete、Quitといった項目が用意されています。各項目の左側にはアイコンも表示されているので、シンプルながらもとても見やすいコンテキストメニューに仕上がっています。

これらのメニュー項目は、JS側のセッティング内で「items」の中に指定することができます。また、コールバック関数を設定したりとカスタマイズ性も高いほか、いろいろなブラウザもサポートされています。

独自のカスタマイズしたコンテキストメニューを実装したいという人は、ぜひ「jQuery contextMenu plugin & polyfill」をチェックしてみてはいかがでしょうか? ライセンスはMITになります。

jQuery contextMenu plugin & polyfill

no-imageビューポートやコンテナ幅をベースに異なるサイズの画像を読み込める「jQuery Responsive Image Plugin」前のページ

タッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」次のページAmigo Sorter Plugin

関連記事

  1. ClickSpark.js

    JavaScript

    美しいパーティクルエフェクトを実装できる「ClickSpark.js」

    ClickSpark.jsは画像を用いたたくさんの粒子が放出されるよう…

  2. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

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

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

  4. Radial Progress Bars

    JavaScript

    アニメーション付きのサークルプログレスバー「Radial Progress Bars」

    Radial Progress Barsは、アニメーション付きのサーク…

  5. JavaScript

    クールでお洒落なナビゲーションを簡単に実装できるjQueryプラグイン「Kwicks for jQu…

    クールでお洒落なナビゲーションを簡単に実装することができるjQuery…

  6. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6
  4. Apple Watch Series 6

アーカイブ

PAGE TOP