このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

menu”要素~“type”属性注意

記事Sep. 26th, 2020
操作メニューの種類を示す属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

type”属性について

type”属性は操作メニューの種類を示します。

type”属性の値は“context”のみで、menu”要素がコンテキストメニューの状態であり、menu”属性で関連付けたbutton”要素contextmenu”属性で関連付けた他の要素の操作を通じて表示される操作メニューであることを表します。

type”属性を省略したときの既定値も“context”です。

代替方法

HTML5.2でこの属性は廃止されているので使用するべきではありません。

操作可能なコマンドを持つ要素のリストを表す場合、この属性は不要です。独自のコンテキストメニューを作成する場合はスクリプトを使用します。

指定できる値

属性値 説明
context コンテキストメニュー

サンプルコード

スクリプトの埋め込み

<p contextmenu="samplemenu">この要素を右クリックするとコンテキストメニューが表示されます。</p>
<menu type="context" id="samplemenu">
<menuitem label="おはよう" onclick="alert('Good morning')">
<menuitem label="こんにちは" onclick="alert('Good afternoon')">
<menuitem label="こんばんは" onclick="alert('Good evening')">
<menuitem label="おやすみ" onclick="alert('Good night')">
</menu>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク