Able to detect Ctrl+R But stop reloading page

Question

I am able to detect Ctrl+R but unable to stop reloading page.

Please help me to fix this.

I am using this code.

$(document).keydown(function(e) {
    if (e.keyCode == 65+17 && e.ctrlKey) {
        alert('ctrl R');
        exit;
        return ;
    }
});

Thanks in advance.

Check this link http://stackoverflow.com/questions/2767126/how-to-detect-that-ctrlr-was-pressed — Pawan Lakhara, Jun 02 '16 at 11:27
I'm fairly confident that whether or not JavaScript can prevent a page reload depends on the browser's security policy. — apokryfos, Jun 02 '16 at 11:29
Not all system key combinations can be managed in window. Try `return false` though or `e.preventDefault()`. not sure why you would only look for this way to reload. user can hit refresh button which you can't detect — charlietfl, Jun 02 '16 at 11:30
I just want to make a shortcut to open my reports with `ctrl+r` but after pressing it reloading page, and I am using angular so I dont want reloading page here. — Believe It or Not, Jun 02 '16 at 11:34
My question is different from : http://stackoverflow.com/questions/2767126/how-to-detect-that-ctrlr-was-pressed , my issue is to stop reloading page. — Believe It or Not, Jun 02 '16 at 11:51
I am using angularjs framework, many files are linked , but this code can be run on console I think, not ? — Believe It or Not, Jun 02 '16 at 11:57

HudsonPH · Answer 1 · 2016-06-02T12:15:57.097

0

    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
     $(function () {
document.onkeydown = KeyPress;
function KeyPress(e) {
console.log(e);
      var press = window.event? event : e
      if (press.keyCode == 82 && press.ctrlKey) alert("Ctrl+R");  

     if ($.browser.mozilla) {
                if (e.ctrlKey && keycode == 82) {
                    if (e.preventDefault)
                    {
                        e.preventDefault();
                        e.stopPropagation();
                    }
                }
            } 


if ($.browser.msie) {
            if (window.event.ctrlKey && press.keycode == 82) {
                window.event.returnValue = false;
                window.event.keyCode = 0;
                window.status = "Refresh is disabled";
            } 
}
}

});
    </script>
    </head>
    <body>

    <p>If you click on me, I will disappear.</p>
    <p>Click me away!</p>
    <p>Click me too!</p>

    </body>
    </html>

edited Jun 02 '16 at 12:15

answered Jun 02 '16 at 11:41

HudsonPH

1,838
2
22
38

Brother , After detecting Ctrl+R it reloading page, which I want to fix. – Believe It or Not Jun 02 '16 at 11:54
I just check your code in jsfiddle you provided, And yes I am using jQuery also, – Believe It or Not Jun 02 '16 at 12:01
try now, mozila and ie are differents from google chrome – HudsonPH Jun 02 '16 at 12:16
I did test to mozila because a dont have but i tested in ie and it is working – HudsonPH Jun 02 '16 at 12:17

score 0 · Answer 2 · answered Jun 02 '16 at 12:11

The standard / clean way to help user prevent unwanted page reload is via beforeunload and not via overriding key event, which is, in fact, futile: you do not know what key combination invoked page reload (for instance, f5 works alike in most browsers), he may press CTRL+R with locationbar focused so your page gets no event to capture, he may have pressed toolbar button…

Mentioned standard approach from linked MDN page

window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";

  e.returnValue = confirmationMessage;     // Gecko, Trident, Chrome 34+
  return confirmationMessage;              // Gecko, WebKit, Chrome <34
});

This will prompt user whenever he tries to reload / close / navigate away from your page no matter what initiated unload.

Able to detect Ctrl+R But stop reloading page

2 Answers2