How to disable f5 refresh button using jquery?

By Hardik Savani | April 17, 2019 | | 7196 Viewer | Category : Javascript jQuery


In this post, we will learn how to prevent or disable f5 refresh in javascript. sometime we does not want to browser refresh using f5 button for our web page. so you can disable f5 key in jquery. we can easily disable f5 button using javascript with example.

we will disable f5 key using keydown event of jquery. as we know f5 key code is a 116, so basically if user will press 116 event.keyCode then we will simply preventDefault with return false.

we can simply write this code:

$(document).ready(function() {

$(window).keydown(function(event){

if(event.keyCode == 116) {

event.preventDefault();

return false;

}

});

});

You can see bellow full example and demo file how it's disabled f5 refresh button. let's see code:

Example:

<!DOCTYPE html>

<html>

<head>

<title>How to disable f5 refresh button using jquery? - ItSolutionStuff.com</title>

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

</head>

<body>

<div class="container">

<h1>How to disable f5 refresh button using jquery? - ItSolutionStuff.com</h1>

</div>

<script type="text/javascript">

$(document).ready(function() {

$(window).keydown(function(event){

if(event.keyCode == 116) {

event.preventDefault();

return false;

}

});

});

</script>

</body>

</html>

I hope it can help you...



Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: