contextmenu 属性コンテキストメニューを指定する

contextmenu 属性は該当する要素のコンテキストメニューを指定します。

contextmenu 属性はグローバル属性に分類され、すべての HTML 要素において使用することができます。

HTML5.1 では、任意のコンテキストメニューを menu 要素type="context" 属性値の組み合わせで作成する事ができますが、この作成したコンテキストメニューを、contextmenu 属性を指定することで該当要素に適用することができます。contextmenu 属性の値には、適用したい menu 要素に付与された、id 属性値を指定します。

contextmenu 属性は HTML5.1 仕様 (HTML 5.1 W3C Recommendation 1 November 2016) において "at risk" となっています。

contextmenu 属性の仕様

この属性を使用できる要素
  • すべての HTML 要素

contextmenu 属性のサンプルソース

<menu type="context" id="shortcut">
 <command label="商品情報へのショートカット" onclick="location.href='http://example.com/product/'" />
 <command label="会社概要へのショートカット" onclick="location.href='http://example.com/company/'" />
 <command label="お問い合わせへのショートカット" onclick="location.href='http://example.com/contact/'" />
</menu>
<p>
 これら商品は
 <a href="http://example.com/" contextmenu="shortcut">日本商事株式会社</a>
 が取り扱っています。
</p>

仕様書の該当箇所

4.11.4.3 Context menus

用途から目的の要素を探す

用途から HTML5 の要素を逆引きできます。

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ