contextmenu属性 - コンテキストメニューで利用するmenu要素の名前
公開日:
contextmenu属性は、要素と、対象のmenu要素を関連付けるための属性です。
説明
contextmenu属性は、利用するコンテキストメニューを指定するための属性です。要素と、対象のmenu要素を関連付けることができます。値にはid属性値を指定して下さい。
HTML
<!-- 右クリックする要素 -->
<p contextmenu="syncer">ここで右クリック</p>
<!-- 右クリックメニューに使われるmenu要素 -->
<menu id="syncer"> ... </menu>
サンプルコード
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>【デモ】contextmenu属性 - コンテキストメニューで利用するmenu要素の名前</title>
<link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Global_attribute/contextmenu/">
<style>
body {
background-color: #fff ;
}
</style>
</head>
<body>
<p>contextmenu属性は、コンテキストメニューとして利用するmenu要素を指定するための属性です。</p>
<div contextmenu="syncer">
ここで右クリックをして下さい。
</div>
<menu id="syncer" type="context">
<menuitem>SYNCER1</menuitem>
<menuitem>SYNCER2</menuitem>
<menuitem>SYNCER3</menuitem>
<hr>
<menuitem>SYNCER4</menuitem>
<menuitem>SYNCER5</menuitem>
<menuitem>SYNCER6</menuitem>
</menu>
</body>
</html>