JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div class='custom-menu'>Custom menu</div>
    </body>
</html>

CSS

.custom-menu {
    z-index:1000;
    position: absolute;
    background-color:#C0C0C0;
    border: 1px solid black;
    padding: 2px;
}

JavaScript

$(document).bind("contextmenu", function(event) {
    event.preventDefault();
    $("div.custom-menu").show();
    $(".custom-menu").appendTo("body").css({
        top: event.pageY + "px",
        left: event.pageX + "px"
    });
}).bind("click", function(event) {
    if (!$(event.target).is(".custom-menu")) {
        $("div.custom-menu").hide();
    }
});