JavaScriptでポップアップメニュー

menu.js

JavaScriptにより、ブラウザ上でポップアップメニュー(コンテキストメニュー、右クリックメニュー)を表示するための 使うためのユーティリティクラスを作ってみました。
(使用にはprototype.jsが必要です。)

サンプル2

上側のグレーのボタンは左クリックすると、メニューが表示されます。
その下のツリー状のリストは右クリック、またはaltキーを押しながら左クリックでメニューが表示されます。(Operaではoncontextmenuイベントは使えないため)
スタイルを変更することも(いちおう)できます。

機能

上のサンプルのように、セパレータや、非活性状態の項目も使えます。
また、ニーモニックによるキー操作も使用することもできます。
任意のDOMエレメント+任意のイベント+付加条件にメニューのポップアップを対応付けることができます。
(右クリック または、 左クリック+altキーなど)
階層型メニューには対応していません。
詳しくはソース見てください。

ライセンス

もし使いたければ、商用、非商用にかかわらず自由に使用、再配布していただいて結構です。 ただし、Dojaのような有名どころのライブラリでも コンテキストメニューのサポートがあるようですし、そのほかの機能も盛りだくさんなので、 そっちを使ったほうがいいでしょう。

作った人

sawat