How to block F12 key with jQuery : Mijo Kristo

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

Svelte is really cool

Svelte is a radical new approach to building user interfaces....

let count = 0;
   $: if (count >= 10) {
       alert(`count is dangerously high!`);
        count = 9;
}

Awesome reponsive table

Recently I had one custom CRM project where I had...

.responsive-table tbody td[data-title]:before {
    content: none;
  }