html tutorial - contextmenu Attribute in HTML - html5 - html code - html form
Learn html - html tutorial - Contextmenu attribute in html - html examples - html programs
- The contextmenu attribute defines a context menu for an element.
- The context menu occurs when a user right-clicks on the element.
- The contextmenu attribute value is the id of the <menu> tag to open.
- The contextmenu attribute is section of the Global Attributes.
Syntax for contextmenu attribute:
<element contextmenu = “menu_id”>Differences between HTML 4.01 and HTML5 for contextmenu attribute:
HTML 4.01
- The contextmenu attribute has not been defined.
HTML5
- HTML 5 support contextmenu attribute.
Applies to:
| Elements | Attribute |
|---|---|
| All HTML Elements | contextmenu |
Attribute Values:
| Value | HTML 4.0.1 | HTML 5 | Description |
|---|---|---|---|
| menu_id | No | yes | Specifies the <menu> tag id to open |
Sample coding for contextmenu attribute:
Tryit<!DOCTYPE html>
<html>
<body>
<div style="background:cyan;border:1px solid #ffffff;padding: 20px;"
contextmenu="wikitechy">
<p>To see the context menu, right-click inside this box</p>
<menu type="context" id="wikitechy">
<menuitem label="Wikitechy"
onclick="window.open('http://www.wikitechy.com?text=' +
window.location.href);"
icon="https://www.wikitechy.com/images/logo.png">
</menuitem>
</menu>
</body>
</html>Code Explanation for contextmenu attribute:
- contextmenu attribute used to add a specific context menu to the browser.
- id attribute of <menu> tag will be used by the contextmenu attribute.
Sample Output for contextmenu attribute:
- The output shows the context menu as “wikitechy”.
Browser Support for contextmenu attribute:
 |
 |
 |
 |
 |
|---|---|---|---|---|
| No | No | Yes | No | No |
Tips and Notes
- The context menu attribute is only supported in Firefox.