JSFiddle - React, Tailwind, and code Playground

HTML

<button id="foo">click me</button>

JavaScript

$(function(){

    $(document)
        .on('contextmenu', '#foo', function(e){
        return;
            e.preventDefault();
            $('<div></div>').text(e.originalEvent 
                ? 'mouse-triggered' 
                : 'manually-triggered'
            ).appendTo(document.body);
        });
        
        $('#foo').on('mouseup', function(e) {
            var event = $.Event('contextmenu', 
                {pageX: 123, pageY: 123, foo: "bar"}
            );
            $(this).trigger(event);
        });
});