SYNCER

SYNCER

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>

デモを開く

デモ

</head><body>までを含めて下さい。

<body> <div id="___body">

</div> <script>...</script> </body> </html>

<style>

</style>

<script>

</script>