JSFiddle - React, Tailwind, and code Playground

by levchenko_d

HTML

<div id="fast-menu">
<ul>
    <li><a href="#" id="test">one</a></li>
    <li><a href="#">two</a></li>
    <li><a href="#">...n...</a></li>
</ul>    
</div>

CSS

#fast-menu{
position: absolute;
    width: 200px;
    height:200px;
    background: silver;
    display: none;
}

JavaScript

$(document).ready(function(){ 
  document.oncontextmenu = function() {return false;};

  $(document).mousedown(function(e){ 
     
      if( e.button == 2 ) { 
                $('#fast-menu').css({'display':'block','left': e.pageX,'top':e.pageY});
          return false; 
    }
    
    return true; 
  }); 
});

$(document).click(function(){
$('#fast-menu').hide();
})

$('#test').click(function(){
    alert('yep');
    })