contextmenu属性とは

contextmenu属性は、その要素のコンテキストメニュー(右クリックした時のメニュー)を指定する属性です。コンテキストメニューはmenu要素を用いて作成しid属性でコンテキストメニューの名前を指定します。contextmenu属性の属性値には、コンテキストメニューに指定したid名を指定します。

属性値
コンテキストメニューに指定したid名
利用できるバージョン(HTML4.01以降)
HTML5.1 〜
対応ブラウザ
  • Firefox

contextmenu属性を使ったサンプル

contextmenu属性の例
<p contextmenu="context_menu">
  右クリックでコンテキストメニューを表示(対応ブラウザのみ)。
</p>
<menu type="context" id="context_menu">
  <menuitem label="メニュー1.0" onclick="alert('メニュー1.0を選択!');"></menuitem>
  <menu label="メニュー2.0">
    <menuitem label="メニュー2.1" onclick="alert('メニュー2.1を選択!');"></menuitem>
    <menuitem label="メニュー2.2" onclick="alert('メニュー2.2を選択!');"></menuitem>
    <menuitem label="メニュー2.3" onclick="alert('メニュー2.3を選択!');"></menuitem>
  </menu>
</menu>
ブラウザでの表示例

RERUN

仕様

HTML5.1
4.11.5.1. Declaring a context menu

関連する属性

関連するレッスン