how to detect an F5 refresh keypress event in jquery?

Question

I noticed that jquery has a keypress function. But it seems that it can only detect keypress event of numbers and characters. It cannot detect the F5 keypress event. And What surprises me the most is everyone online says that the keyCode of F5 is 116, But when I use the jquery keypress function, it just shows that the character t has the keyCode of 116(it seems that 116 is the ascii code of lowercase t)! Can somebody give me any idea about this and how to detect the F5 event in javascript or jquery? Thanks so much in advance.

I don't think any browser would let you catch events for Function button presses... — Sidharth Mudgal, Dec 14 '12 at 04:53
By the time you've detected it, it would be to late anyway as the page will reload, and you could just as well have used `onbeforeunload` ? — adeneo, Dec 14 '12 at 05:00
this is workable soultion http://stackoverflow.com/questions/6359327/detect-back-button-click-in-browser — ray_linn, Dec 14 '12 at 05:00
please see the link. It might be helpful. http://stackoverflow.com/questions/14707602/capturing-f5-keypress-event-in-javascript-using-window-event-keycode-in-window-o?answertab=votes#tab-top — Sree, Sep 05 '13 at 05:58

Derek 朕會功夫 · Answer 1 · 2012-12-14T05:12:03.977

5

I don't know what you did wrong in your code, but jQuery does say F5 is 116 and t is 84:

http://jsfiddle.net/Brjb2/1

One possible error is keypress will have different keycode, that's why keydown is more preferred.

        |  T  |  A  |  F5
keydown |  86 |  65 | 116
keypress| 116 |  97 |  -

Also pressing F5 will not trigger keypress because the reload part happens before keypress.

edited Dec 14 '12 at 05:12

answered Dec 14 '12 at 04:59

Derek 朕會功夫

92,235
44
185
247

score 4 · Accepted Answer · answered Dec 14 '12 at 05:00

4

The keypress event does not accept function keys(F1-F12). You can try to use keydown event.

answered Dec 14 '12 at 05:00

Ricky Jiao

531
4
10

1

Exactly right. More specifically "keypress" refers to the event where something is typed. If the button you press would cause something to happen in a textarea, then the `keypress` event fires. `keydown`, however, fires for all keys. – Niet the Dark Absol Dec 14 '12 at 05:07
The 'keypress' will be fired repeat if you hold one normal key, however the 'keydown' will be fired only one time for each keystroke. – Ricky Jiao Dec 14 '12 at 05:12
That's for the same reason as it firing in the first place. Its frequency depends on the keyboard settings. – Niet the Dark Absol Dec 14 '12 at 05:13
Yes. This topic can refer JS Event model/order at here http://www.quirksmode.org/js/events_order.html. – Ricky Jiao Dec 14 '12 at 05:16

score 1 · Answer 3 · answered Dec 15 '19 at 08:30

this code works good for me
i tested it in chrome and firefox successfully

<script>
    document.onkeydown = capturekey;
    document.onkeypress = capturekey;
    document.onkeyup = capturekey;

    function capturekey(e) {
        e = e || window.event;
        //debugger
        if (e.code == 'F5') {
            if (confirm('do u wanna to refresh??')) {
                //allow to refresh
            } 
            else {
                //avoid from refresh
                e.preventDefault()
                e.stopPropagation()
            }
        }
    }
</script>

how to detect an F5 refresh keypress event in jquery?

3 Answers3

Linked