How to block F12 key with jQuery

In this post, I will show you how to disable the F12 Key option using a simple JQuery code. I hope you will like it.

First of all we need to reference jQuery:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Whenever a user presses the F12 it blocks the Inspect Element screen on the entire document.

Below is my jQuery code

$(document).keydown(function(event){
    if(event.keyCode==123){
        return false;
    }
    else if (event.ctrlKey && event.shiftKey && event.keyCode==73){        
             return false;
    }
});

$(document).on("contextmenu",function(e){        
   e.preventDefault();
});

You can also read this

The :valid CSS pseudo-class

The :valid CSS pseudo-class represents any  <input> or other <form> element whose...

input:valid {
  background-color: powderblue;
}

Center div vertically and horizontally with CSS

Let’s say that we want to center a div inside...

body {
   display: grid;
   place-items:center;
}