HTML リファレンスマニュアル

HTML タグ一覧

HTML contextmenu属性

contextmenuグローバル属性は、特定の要素の「コンテキストメニュー」のための <menu>のID属性です。コンテキストメニューは、ユーザーインタラクション（例えば右クリック）時に表示されるメニューです。HTML5このメニューをカスタマイズすることができます。以下にいくつかの実装例を示します。ナビゲーションメニューを含むものもあります。

HTML 全局属性

contextmenu属性は廃止され、すべてのブラウザから削除されます。

オンラインサンプル

div要素にコンテキストメニューを指定します。ユーザーが要素を右クリックしたときに、コンテキストメニューが表示されます：

例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML contextmenu 属性の使用(基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body contextmenu="share">
<menu type="context" id="share">
　　　　
　　　　　<menu　label="share">/<menuitem　label="Facebook">Facebook<
　　　　　<menuitem　label="Twitter">Twitter</<menuitem　label="Facebook">Facebook<
　　　</menu>
　</menu>
</body>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

現在、contextmenu 属性は Firefox ブラウザのみがサポートしています。

定義と使用法

contextmenu 属性は要素のコンテキストメニューを指定します。ユーザーが要素を右クリックしたときに、コンテキストメニューが表示されます。
contextmenu 属性の値は開く <menu> 要素の ID です。

HTML 4.01 と HTML5の違い

contextmenu 属性は HTML5 の中の新しい属性です。

文法

　　　　 <element contextmenu="menu_id">

属性値

値	説明
menu_id	開く <menu> 要素の id です。

HTML 全局属性

HTML: <template> タグ