JavaScript contextmenu

The jSuites.contextmenu is a simple javascript contextmenu that helps to provide a custom right click contextmenu over HTML elements in a web-based application.

  • React, Angular, Vue compatible;
  • Mobile friendly;
  • Several events and easy integration;
  • JS plugin or web component;

Examples

Contextmenu as a webcomponent

<html>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<script src="https://jsuites.net/v4/jsuites.webcomponents.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />

<i>right click inside the square to open the contextmenu</i>
<jsuites-contextmenu id='contextmenu-webcomponent'>
    <div onclick="alert('About is clicked')"><a>About</a> <span>CTRL+A</span></div>
    <div onclick="window.open('https://jspreadsheet.com/v7')">Go to Jspreadsheet Pro website</div>
    <hr>
    <div data-icon="save">Save</div>
    <div>
        <a>Submenus</a>
        <span>►</span>
        <div class="jcontextmenu" tabindex="900">
            <div><a>Sub menu 1</a><span>Ctrl + X</span></div>
        </div>
    </div>
</jsuites-contextmenu>
<div aria-contextmenu-id="contextmenu-webcomponent"
    style="border:1px solid gray;width:400px;height:300px;"></div>
</html>

More examples