CODEWITHSUNDEEP
javascript
Himanshu Saraswat
Himanshu Saraswat

Reputation: 93

Unable to disable F5 key in IE8

I want to disable F5 key in my web application. I am using the following code:

<html>
<head>
<script type="text/javascript">
window.onkeydown=function(e) {
               if (e.keyCode === 116 ) {
                       alert("This action is not allowed");
                       e.keyCode = 0;
                       e.returnValue = false;                  
                       return false;
                   }

               }
</script>
</head>
<body>
<p> F5 Test IE8</p>
</body>
</html>

The above code works fine in Chrome but in IE8 it is not working. On pressing F5 the page gets refreshed on IE8. I have tried using e.preventDefault(), but nothing works. Any help??

Upvotes: 2

Views: 6586

Answers (2)

Andrew D.
Andrew D.

Reputation: 8220

Try next code:

<html>
<head>
<script type="text/javascript">
  document.onkeydown=function(e) {
    e=e||window.event;
    if (e.keyCode === 116 ) {
      e.keyCode = 0;
      alert("This action is not allowed");
      if(e.preventDefault)e.preventDefault();
      else e.returnValue = false;
      return false;
    }
  }
</script>
</head>
<body>
<p> F5 Test IE8</p>
</body>
</html>
  • You must use document object instead of window object. In IE8 window object does not support onkeydown.
  • You must use e=e||window.event; code line because in IE8- when event registered as element.on... no parameter is received into event handler function (e from your example is undefined);

Upvotes: 4

scessor
scessor

Reputation: 16115

Tested in IE8, firefox and chrome:

document.onkeydown=function(e) {
    var event = window.event || e;
    if (event.keyCode == 116) {
        event.keyCode = 0;
        alert("This action is not allowed");
        return false;
    }
}

Also see this example.

Upvotes: 1

Related Questions