JSFiddle - React, Tailwind, and code Playground

by ostapische

HTML

<script src="http://rawgit.com/medialize/jQuery-contextMenu/master/src/jquery.ui.position.js"></script>
<script src="http://rawgit.com/medialize/jQuery-contextMenu/master/src/jquery.contextMenu.js"></script>
<link rel="stylesheet" href="http://rawgit.com/medialize/jQuery-contextMenu/master/src/jquery.contextMenu.css">
<input type="button" id="selector" value="click" />

JavaScript

$( function( windowLoadE ) {
    $( "#selector" ).on( "click", function( clickE ) {
        $( this ).contextMenu( { x: clickE.offsetX, y: clickE.offsetY } );
    } );
    $.contextMenu( {
        selector: "#selector", 
        callback: function( key, options ) {
            var m = "clicked: " + key;
            window.console && console.log( m ) || alert( m ); 
        },
        items: {
            "edit": { name: "Edit", icon: "edit" },
            "cut": { name: "Cut", icon: "cut" },
            "copy": { name: "Copy", icon: "copy" },
            "paste": { name: "Paste", icon: "paste" },
            "delete": { name: "Delete", icon: "delete" },
            "sep1": "---------",
            "quit": { name: "Quit", icon: "quit" }
        }
    } );
} );