【JQuery】「jquery-contextmenu」プラグインで右クリックメニューを表示する

Javascript, 開発

おはようございます。

約2か月ぶりのJQuery記事です。

今回は「jquery-contextmenu」プラグインを利用して、右クリックメニューの表示を試してみました。

スポンサーリンク

プログラム

css

css/style.css

テーブル、表示されるコンテキストメニュー用のスタイルを定義。

HTML

sample.html

単純なテーブルを用意。

Javascript

js/script.js

コールバックオプションにて、「key」を判別するとメニュー毎の処理を振り分けることができます。

起動してみる

初期表示
初期表示
右クリックしたところ
右クリックしたところ
メニューを選択
メニューを選択

無事に選択されたメニューの判別ができました。

まとめ

ひとまず、サクッとコンテキストメニューの表示、選択されたメニューの判別まで。

次回は選択された要素によって動的にメニューを切り替えるのを試してみようかと思います。

何かのお役に立てれば。

ではでは。

 

スポンサーリンク


関連するコンテンツ