Horje
HTML oncontextmenu Attribute

Definition and Usage

The oncontextmenu attribute fires when the user right-clicks on an element to open the context menu.

Note: Although the oncontextmenu event is supported in all browsers, the contextmenu attribute is currently only supported in Firefox.


Applies to

The oncontextmenu attribute is part of the Event Attributes, and can be used on any HTML elements.

Elements Event
All HTML elements oncontextmenu

Browser Support


How to Execute a JavaScript when a context menu is triggered

Note: The contextmenu attribute only works in Firefox!
index.html
Example: HTML
<div oncontextmenu="myFunction()" contextmenu="mymenu">
<p>Right-click inside this box to see the context menu!

<menu type="context" id="mymenu">
  <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png"></menuitem>
  <menu label="Share on...">
    <menuitem label="Twitter" icon="ico_twitter.png" onclick="window.open('//twitter.com/intent/tweet?text=' + window.location.href);"></menuitem>
    <menuitem label="Facebook" icon="ico_facebook.png" onclick="window.open('//facebook.com/sharer/sharer.php?u=' + window.location.href);"></menuitem>
  </menu>
  <menuitem label="Email This Page" onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>

</div>

<p><strong>Note:</strong> The contextmenu <strong>attribute</strong> only works in Firefox!</p>

<script>
function myFunction() {
  alert("You right-clicked inside the div!");
}
</script>

Output should be:

How to Execute a JavaScript when a context menu is triggered




html oncontextmenu attribute

Type:
Develop
Category:
Web Tutorial
Sub Category:
HTML Attribute
Uploaded by:
Admin


Read Article
https://develop.horje.com/learn/1434/reference