Description:

In this article, I will explain how to disable browser refresh (F5) option using Jquery.  

In some scenario, we need to prevent user refreshing the browser using keyboard F5 key.

To disable Browser refresh (F5) key, find the keycode for the F5 key and return false inside the event handler.

ASCII Keycode for F5 Key is 116. We have to disable this keycode with page.

In the below example, I am calling a function ‘DisableRefresh’ with keydown() event. If the browser detects key code 116, it will stop the default action.

Example program:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        var brversion = navigator.appVersion;
        function DisableRefresh(e) {
            var keycode = (window.event) ? event.keyCode : e.keyCode;
            if ((brversion.indexOf('MSIE') != -1)) {
                if (keycode == 116) {
                    event.keyCode = 0;
                    event.returnValue = false;
                    return false;
                }
            }
            else {
                if (keycode == 116) {
                    return false;
                }
            }
        }

    </script>
</head>
<body onkeydown="return DisableRefresh(event)">
    <form id="form1" runat="server">
    <div>
        Refresh(F5) option disabled in this page by jquery.
    </div>
    </form>
</body>
</html>


Block F5 Key using Jquery, Disable refresh button on browser using Jquery , Disable resfresh in webpage using Jquery, Disable F5 Key in browser  using Jquery, Prevent refresh in webpage using Jquery

1 comments:

 
Top