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:
<elementcontextmenu = “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><divstyle="background:cyan;border:1px solid #ffffff;padding: 20px;"contextmenu="wikitechy"><p>To see the context menu, right-click inside this box</p><menutype="context"id="wikitechy"><menuitemlabel="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.
