Disable RightClick / ContextMenu with Caption!

Made by : KangRian.com

HTML

<body oncontextmenu="return false">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, sunt explicabo doloribus? Rerum, illo, hic! Ullam obcaecati maiores maxime quae cum doloremque modi laboriosam iste ab exercitationem. Asperiores, earum!

<div class="klikanan" style="display:none;">
  <div class="wrapper">
    Oon
  </div>
</div>
</body>

CSS

body {
  position:absolute!important;
  position:relative;
  top:0;left:0;right:0;bottom:0;
  font-family:helvetica,sans-serif
}
/* Abaikan kode di atas! */

.klikanan {
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  display:flex;
  background:rgba(0,0,0,0.50); /* 50 = 50% Transparent on Black color! */
}
.klikanan .wrapper {
  display:block;
  margin:auto;
  max-width:400px;
  color:white;
}

JavaScript

// Required jQuery Library ! ^_^

$( "body" ).contextmenu(function() {
  $( ".klikanan" ).fadeToggle();
});
$( ".klikanan" ).click(function(){
  $(".klikanan").fadeOut();
});